@solid-design-system/styles 7.4.3 → 7.5.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 +12 -0
- package/cdn/modules/interactive.css +1 -1
- package/cdn/modules/paragraph.css +1 -1
- package/cdn/modules/prose.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/interactive.css +18 -0
- package/dist/modules/paragraph.css +2 -2
- package/dist/modules/prose.css +20 -2
- package/dist/solid-styles.css +20 -2
- 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 +34 -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 +143 -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 +310 -292
- 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-5-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-5-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-5-1-chip--sharp {
|
|
26
26
|
border-radius: var(--sd-radius-none, 0);
|
|
27
27
|
}
|
|
28
|
-
.sd-7-
|
|
28
|
+
.sd-7-5-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-5-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-5-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-5-1-chip--shade-none {
|
|
41
41
|
border-color: transparent;
|
|
42
42
|
background-color: transparent;
|
|
43
43
|
}
|
|
44
|
-
.sd-7-
|
|
44
|
+
.sd-7-5-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-5-1-chip--color-neutral.sd-7-5-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-5-1-chip--color-neutral.sd-7-5-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-5-1-chip--color-neutral.sd-7-5-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-5-1-chip--color-neutral.sd-7-5-1-chip--shade-none {
|
|
61
61
|
border-color: transparent;
|
|
62
62
|
background-color: transparent;
|
|
63
63
|
}
|
|
64
|
-
.sd-7-
|
|
64
|
+
.sd-7-5-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-5-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-5-1-chip--outline.sd-7-5-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-5-1-chip--outline.sd-7-5-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-5-1-chip--outline.sd-7-5-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-5-1-chip--outline.sd-7-5-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-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-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-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-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-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-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-5-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-5-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-5-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-5-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-5-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-5-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-5-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-5-1-container{
|
|
132
132
|
--triangle-background: rgba(var(--sd-color-background-white, 255 255 255));
|
|
133
133
|
}
|
|
134
|
-
.sd-7-
|
|
134
|
+
.sd-7-5-1-container--triangle-top::before, .sd-7-5-1-container--triangle-right::before, .sd-7-5-1-container--triangle-bottom::before, .sd-7-5-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-5-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-5-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-5-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-5-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-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-top-border::before, .sd-7-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-right-border::before, .sd-7-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-bottom-border::before, .sd-7-5-1-container--triangle-left-border::after, .sd-7-5-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-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-left-border::after {
|
|
172
172
|
border-width: 14px;
|
|
173
173
|
}
|
|
174
|
-
.sd-7-
|
|
174
|
+
.sd-7-5-1-container--triangle-top-border::before, .sd-7-5-1-container--triangle-right-border::before, .sd-7-5-1-container--triangle-bottom-border::before, .sd-7-5-1-container--triangle-left-border::before {
|
|
175
175
|
border-width: 15px;
|
|
176
176
|
}
|
|
177
|
-
.sd-7-
|
|
177
|
+
.sd-7-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-top-border::before {
|
|
178
178
|
top: -1px;
|
|
179
179
|
}
|
|
180
|
-
.sd-7-
|
|
180
|
+
.sd-7-5-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-5-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-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-right-border::before {
|
|
189
189
|
right: -1px;
|
|
190
190
|
}
|
|
191
|
-
.sd-7-
|
|
191
|
+
.sd-7-5-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-5-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-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-bottom-border::before {
|
|
200
200
|
bottom: -1px;
|
|
201
201
|
}
|
|
202
|
-
.sd-7-
|
|
202
|
+
.sd-7-5-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-5-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-5-1-container--triangle-left-border::after, .sd-7-5-1-container--triangle-left-border::before {
|
|
211
211
|
left: -1px;
|
|
212
212
|
}
|
|
213
|
-
.sd-7-
|
|
213
|
+
.sd-7-5-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-5-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-5-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-5-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-5-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-5-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-5-1-copyright--no-shadow::after {
|
|
264
264
|
filter: drop-shadow(0 0 transparent);
|
|
265
265
|
}
|
|
266
|
-
.sd-7-
|
|
266
|
+
.sd-7-5-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-5-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-5-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-5-1-footnotes:is(ol) {
|
|
288
288
|
padding-inline-start: var(--sd-spacing-8, 2rem);
|
|
289
289
|
}
|
|
290
|
-
.sd-7-
|
|
290
|
+
.sd-7-5-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-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2))::before, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-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-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker::after, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2))::after, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker))::after {
|
|
308
308
|
content: none;
|
|
309
309
|
}
|
|
310
|
-
.sd-7-
|
|
310
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker .sd-7-5-1-footnotes--marker, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2)) .sd-7-5-1-footnotes--marker, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker)) .sd-7-5-1-footnotes--marker {
|
|
311
311
|
display: inline-block;
|
|
312
312
|
counter-increment: footnotes-multiple;
|
|
313
313
|
}
|
|
314
|
-
.sd-7-
|
|
314
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2)) .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker)) .sd-7-5-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-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker {
|
|
325
325
|
bottom: 0;
|
|
326
326
|
display: block;
|
|
327
327
|
}
|
|
328
|
-
.sd-7-
|
|
328
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-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-5-1-footnotes:is(ol) li .sd-7-5-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-5-1-footnotes:is(ul) {
|
|
341
341
|
list-style: '';
|
|
342
342
|
}
|
|
343
|
-
.sd-7-
|
|
343
|
+
.sd-7-5-1-footnotes--inverted {
|
|
344
344
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
345
345
|
}
|
|
346
|
-
.sd-7-
|
|
346
|
+
.sd-7-5-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-5-1-footnotes--inverted .sd-7-5-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-5-1-footnotes--inverted:is(.sd-7-5-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-5-1-footnotes--inverted:is(.sd-7-5-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-5-1-footnotes--inverted:is(ol) li .sd-7-5-1-footnotes--marker::before, .sd-7-5-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-5-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-5-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-5-1-footnotes--marker:not(:has(a))::before {
|
|
377
377
|
content: '[ ';
|
|
378
378
|
display: inline-block;
|
|
379
379
|
}
|
|
380
|
-
.sd-7-
|
|
380
|
+
.sd-7-5-1-footnotes--marker:not(:has(a))::after {
|
|
381
381
|
content: ' ]';
|
|
382
382
|
display: inline-block;
|
|
383
383
|
}
|
|
384
|
-
.sd-7-
|
|
384
|
+
.sd-7-5-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-5-1-footnotes--marker :is(a)::before {
|
|
392
392
|
content: '[ ';
|
|
393
393
|
display: inline-block;
|
|
394
394
|
}
|
|
395
|
-
.sd-7-
|
|
395
|
+
.sd-7-5-1-footnotes--marker :is(a)::after {
|
|
396
396
|
content: ' ]';
|
|
397
397
|
display: inline-block;
|
|
398
398
|
}
|
|
399
|
-
.sd-7-
|
|
399
|
+
.sd-7-5-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-5-1-footnotes--marker:link, .sd-7-5-1-footnotes--marker:visited {
|
|
408
408
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
409
409
|
}
|
|
410
|
-
.sd-7-
|
|
410
|
+
.sd-7-5-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-5-1-hidden-links:not(:focus-within):not(.sd-7-5-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-5-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-5-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-5-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-5-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-5-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-4-3-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-5-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-5-1-meta--light {
|
|
477
477
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
478
478
|
}
|
|
479
|
-
.sd-7-
|
|
479
|
+
.sd-7-5-1-meta--inverted {
|
|
480
480
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
481
481
|
}
|
|
482
|
-
.sd-7-
|
|
482
|
+
.sd-7-5-1-meta--inverted.sd-7-5-1-meta--light {
|
|
483
483
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
484
484
|
}
|
|
485
|
-
.sd-7-
|
|
485
|
+
.sd-7-5-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-5-1-meta--pipe.sd-7-5-1-meta--size-sm::after {
|
|
490
490
|
margin-inline: var(--sd-spacing-0\.5, 0.125rem);
|
|
491
491
|
}
|
|
492
|
-
.sd-7-
|
|
492
|
+
.sd-7-5-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-5-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-5-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-4-3-mark {
|
|
|
508
508
|
border-style: solid;
|
|
509
509
|
border-color: transparent;
|
|
510
510
|
}
|
|
511
|
-
.sd-7-
|
|
511
|
+
.sd-7-5-1-pagination ul li button:hover:not([disabled]) {
|
|
512
512
|
cursor: pointer;
|
|
513
513
|
}
|
|
514
|
-
.sd-7-
|
|
514
|
+
.sd-7-5-1-pagination ul li:has(button) {
|
|
515
515
|
height: 1.875rem;
|
|
516
516
|
}
|
|
517
|
-
.sd-7-
|
|
517
|
+
.sd-7-5-1-pagination ul li a, .sd-7-5-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-4-3-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-5-1-pagination ul li a:hover:not([disabled]), .sd-7-5-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-5-1-pagination ul li a:active:not([disabled]), .sd-7-5-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-5-1-pagination ul li a:focus-visible, .sd-7-5-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-5-1-pagination ul li:first-child, .sd-7-5-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-5-1-pagination ul li:first-child a, .sd-7-5-1-pagination ul li:first-child button, .sd-7-5-1-pagination ul li:last-child a, .sd-7-5-1-pagination ul li:last-child button {
|
|
547
547
|
height: 100%;
|
|
548
548
|
width: 100%;
|
|
549
549
|
}
|
|
550
|
-
.sd-7-
|
|
550
|
+
.sd-7-5-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-4-3-mark {
|
|
|
555
555
|
justify-content: center;
|
|
556
556
|
text-align: center;
|
|
557
557
|
}
|
|
558
|
-
.sd-7-
|
|
558
|
+
.sd-7-5-1-pagination ul li:not(:first-child):not(:last-child) a, .sd-7-5-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-5-1-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-5-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-5-1-pagination ul li a[aria-current], .sd-7-5-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-5-1-pagination ul li a[aria-current]:hover:not([disabled]), .sd-7-5-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-5-1-pagination ul li:first-child:has(a:not([href])) a, .sd-7-5-1-pagination ul li:last-child:has(a:not([href])) a, .sd-7-5-1-pagination ul li:first-child:has(button[disabled]) button, .sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-7-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-7-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-7-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-7-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-7-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-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-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-7-5-1-pagination:not(.sd-7-5-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-5-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,71 +680,71 @@ mark.sd-7-4-3-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-5-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-5-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-5-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-5-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-5-1-pagination--simple ul li:nth-child(2){
|
|
701
701
|
border-bottom-style: solid;
|
|
702
702
|
}
|
|
703
|
-
.sd-7-
|
|
703
|
+
.sd-7-5-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-5-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-5-1-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-7-5-1-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-7-5-1-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-7-5-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-5-1-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-7-5-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-5-1-pagination--inverted ul li a, .sd-7-5-1-pagination--inverted ul li a[aria-current], .sd-7-5-1-pagination--inverted ul li button, .sd-7-5-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-5-1-pagination--inverted ul li a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li button:hover:not([disabled]), .sd-7-5-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-5-1-pagination--inverted ul li a:active:not([disabled]), .sd-7-5-1-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-7-5-1-pagination--inverted ul li button:active:not([disabled]), .sd-7-5-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-5-1-pagination--inverted ul li a:focus-visible, .sd-7-5-1-pagination--inverted ul li a[aria-current]:focus-visible, .sd-7-5-1-pagination--inverted ul li button:focus-visible, .sd-7-5-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-5-1-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-5-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-5-1-pagination--inverted.sd-7-5-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-5-1-pagination--inverted.sd-7-5-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-5-1-pagination--inverted.sd-7-5-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-5-1-status-badge {
|
|
744
744
|
display: inline-flex;
|
|
745
745
|
align-items: center;
|
|
746
746
|
}
|
|
747
|
-
.sd-7-
|
|
747
|
+
.sd-7-5-1-status-badge sd-7-5-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);
|
|
@@ -753,41 +753,41 @@ mark.sd-7-4-3-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-
|
|
756
|
+
.sd-7-5-1-status-badge--success sd-7-5-1-icon {
|
|
757
757
|
background-color: rgba(var(--sd-badge--green-color-background, 54 123 40));
|
|
758
758
|
}
|
|
759
|
-
.sd-7-
|
|
759
|
+
.sd-7-5-1-status-badge--warning sd-7-5-1-icon {
|
|
760
760
|
background-color: rgba(var(--sd-color-background-warning, 187 141 32));
|
|
761
761
|
}
|
|
762
|
-
.sd-7-
|
|
762
|
+
.sd-7-5-1-status-badge--error sd-7-5-1-icon {
|
|
763
763
|
background-color: rgba(var(--sd-badge--red-color-background, 204 25 55));
|
|
764
764
|
}
|
|
765
|
-
.sd-7-
|
|
765
|
+
.sd-7-5-1-status-badge--info sd-7-5-1-icon {
|
|
766
766
|
background-color: rgba(var(--sd-color-background-info, 21 130 213));
|
|
767
767
|
}
|
|
768
|
-
.sd-7-
|
|
768
|
+
.sd-7-5-1-status-badge--neutral sd-7-5-1-icon {
|
|
769
769
|
background-color: rgba(var(--sd-color-background-neutral-600, 136 136 136));
|
|
770
770
|
}
|
|
771
|
-
.sd-7-
|
|
771
|
+
.sd-7-5-1-status-badge--size-md sd-7-5-1-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-
|
|
777
|
+
.sd-7-5-1-status-badge--size-md{
|
|
778
778
|
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
779
779
|
}
|
|
780
|
-
.sd-7-
|
|
780
|
+
.sd-7-5-1-status-badge--size-sm sd-7-5-1-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-
|
|
787
|
+
.sd-7-5-1-status-badge--size-sm{
|
|
788
788
|
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
789
789
|
}
|
|
790
|
-
.sd-7-
|
|
790
|
+
.sd-7-5-1-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-3-mark {
|
|
|
797
797
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
798
798
|
}
|
|
799
799
|
@media (width >= 64rem) {
|
|
800
|
-
.sd-7-
|
|
800
|
+
.sd-7-5-1-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-
|
|
805
|
+
.sd-7-5-1-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-3-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-
|
|
814
|
+
.sd-7-5-1-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-3-mark {
|
|
|
821
821
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
822
822
|
}
|
|
823
823
|
@media (width >= 64rem) {
|
|
824
|
-
.sd-7-
|
|
824
|
+
.sd-7-5-1-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-
|
|
829
|
+
.sd-7-5-1-display--inverted {
|
|
830
830
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
831
831
|
}
|
|
832
|
-
.sd-7-
|
|
832
|
+
.sd-7-5-1-headline, .sd-7-5-1-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-
|
|
838
|
+
.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5) sd-7-5-1-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-
|
|
844
|
+
.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5) sd-7-5-1-icon {
|
|
845
845
|
margin-top: var(--sd-spacing-2, 0.5rem)
|
|
846
846
|
}
|
|
847
847
|
}
|
|
848
|
-
.sd-7-
|
|
848
|
+
.sd-7-5-1-headline.sd-7-5-1-headline, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-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-3-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-
|
|
857
|
+
.sd-7-5-1-headline.sd-7-5-1-headline, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-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-
|
|
862
|
+
.sd-7-5-1-headline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
863
863
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
864
864
|
}
|
|
865
865
|
@media (width >= 40rem) {
|
|
866
|
-
.sd-7-
|
|
866
|
+
.sd-7-5-1-headline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
867
867
|
margin-top: 0
|
|
868
868
|
}
|
|
869
869
|
}
|
|
870
|
-
.sd-7-
|
|
870
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-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-3-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-
|
|
879
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-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-
|
|
884
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
885
885
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
886
886
|
}
|
|
887
887
|
@media (width >= 40rem) {
|
|
888
|
-
.sd-7-
|
|
888
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
889
889
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
|
|
890
890
|
}
|
|
891
891
|
}
|
|
892
|
-
.sd-7-
|
|
892
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h3, h4, h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-5-1-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-
|
|
896
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline.sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-headline:is(h3, h4, h5):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
897
897
|
font-size: 2rem;
|
|
898
898
|
}
|
|
899
|
-
.sd-7-
|
|
899
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-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-
|
|
903
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
904
904
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
905
905
|
}
|
|
906
906
|
@media (width >= 40rem) {
|
|
907
|
-
.sd-7-
|
|
907
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
908
908
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
909
909
|
}
|
|
910
910
|
}
|
|
911
|
-
.sd-7-
|
|
911
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h4, h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-5-1-headline) {
|
|
912
912
|
--tw-leading: var(--leading-normal, 1.5);
|
|
913
913
|
line-height: var(--leading-normal, 1.5);
|
|
914
914
|
}
|
|
915
|
-
.sd-7-
|
|
915
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline:is(h4), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-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-
|
|
919
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline:is(h4) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-5-1-icon {
|
|
920
920
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
921
921
|
}
|
|
922
922
|
@media (width >= 40rem) {
|
|
923
|
-
.sd-7-
|
|
923
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline:is(h4) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-5-1-icon {
|
|
924
924
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
925
925
|
}
|
|
926
926
|
}
|
|
927
|
-
.sd-7-
|
|
927
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-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-
|
|
931
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
932
932
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
933
933
|
}
|
|
934
|
-
.sd-7-
|
|
934
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base mark, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline) mark, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base mark, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-headline) mark {
|
|
935
935
|
color: inherit;
|
|
936
936
|
}
|
|
937
|
-
.sd-7-
|
|
937
|
+
.sd-7-5-1-headline--inline {
|
|
938
938
|
display: inline-block;
|
|
939
939
|
}
|
|
940
|
-
.sd-7-
|
|
940
|
+
.sd-7-5-1-headline--inline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline--inline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-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-
|
|
945
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline--size-lg, .sd-7-5-1-headline--size-base) sd-7-5-1-icon {
|
|
946
946
|
margin-right: var(--sd-spacing-0\.5, 0.125rem);
|
|
947
947
|
}
|
|
948
|
-
.sd-7-
|
|
948
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline--size-xl) sd-7-5-1-icon {
|
|
949
949
|
margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
|
|
950
950
|
}
|
|
951
|
-
.sd-7-
|
|
951
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-lg) sd-7-5-1-icon {
|
|
952
952
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
953
953
|
}
|
|
954
|
-
.sd-7-
|
|
954
|
+
.sd-7-5-1-headline--inverted:not(#_), .sd-7-5-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-5-1-headline):not(#_) {
|
|
955
955
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
956
956
|
}
|
|
957
|
-
.sd-7-
|
|
957
|
+
.sd-7-5-1-headline--inverted:not(#_) sd-7-5-1-icon, .sd-7-5-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-5-1-headline):not(#_) sd-7-5-1-icon {
|
|
958
958
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
959
959
|
}
|
|
960
|
-
.sd-7-
|
|
960
|
+
.sd-7-5-1-prose a--reset, .sd-7-5-1-interactive--reset {
|
|
961
961
|
all: unset;
|
|
962
962
|
outline: revert;
|
|
963
963
|
}
|
|
964
|
-
.sd-7-
|
|
964
|
+
.sd-7-5-1-prose a, .sd-7-5-1-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,74 @@ mark.sd-7-4-3-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-
|
|
976
|
+
.sd-7-5-1-prose a:hover:not([disabled]), .sd-7-5-1-interactive:hover:not([disabled]) {
|
|
977
977
|
color: rgba(var(--sd-color-text-primary-500, 70 109 175));
|
|
978
978
|
}
|
|
979
|
-
.sd-7-
|
|
979
|
+
.sd-7-5-1-prose a:focus-visible, .sd-7-5-1-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-
|
|
985
|
+
.sd-7-5-1-prose a:active:not([disabled]), .sd-7-5-1-interactive:active:not([disabled]) {
|
|
986
986
|
color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
|
|
987
987
|
}
|
|
988
|
-
.sd-7-
|
|
988
|
+
.sd-7-5-1-prose a:is(.sd-7-5-1-interactive), .sd-7-5-1-interactive:is(.sd-7-5-1-interactive) {
|
|
989
989
|
text-decoration-line: none;
|
|
990
990
|
}
|
|
991
|
-
.sd-7-
|
|
991
|
+
.sd-7-5-1-prose a--variant-secondary, .sd-7-5-1-interactive--variant-secondary {
|
|
992
|
+
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
993
|
+
}
|
|
994
|
+
.sd-7-5-1-prose a--variant-secondary:hover:not([disabled]), .sd-7-5-1-interactive--variant-secondary:hover:not([disabled]) {
|
|
995
|
+
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
996
|
+
}
|
|
997
|
+
.sd-7-5-1-prose a--variant-secondary:active:not([disabled]), .sd-7-5-1-interactive--variant-secondary:active:not([disabled]) {
|
|
998
|
+
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
999
|
+
}
|
|
1000
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted {
|
|
1001
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1002
|
+
}
|
|
1003
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1004
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1005
|
+
}
|
|
1006
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1007
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1008
|
+
}
|
|
1009
|
+
.sd-7-5-1-prose a--disabled, .sd-7-5-1-prose a[disabled], .sd-7-5-1-prose a[href=''], .sd-7-5-1-interactive--disabled, .sd-7-5-1-interactive[disabled], .sd-7-5-1-interactive[href=''] {
|
|
992
1010
|
cursor: not-allowed;
|
|
993
1011
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
994
1012
|
}
|
|
995
|
-
.sd-7-
|
|
1013
|
+
.sd-7-5-1-prose a--disabled:hover:not([disabled]), .sd-7-5-1-prose a[disabled]:hover:not([disabled]), .sd-7-5-1-prose a[href='']:hover:not([disabled]), .sd-7-5-1-interactive--disabled:hover:not([disabled]), .sd-7-5-1-interactive[disabled]:hover:not([disabled]), .sd-7-5-1-interactive[href='']:hover:not([disabled]) {
|
|
996
1014
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
997
1015
|
}
|
|
998
|
-
.sd-7-
|
|
1016
|
+
.sd-7-5-1-prose a--disabled:active:not([disabled]), .sd-7-5-1-prose a[disabled]:active:not([disabled]), .sd-7-5-1-prose a[href='']:active:not([disabled]), .sd-7-5-1-interactive--disabled:active:not([disabled]), .sd-7-5-1-interactive[disabled]:active:not([disabled]), .sd-7-5-1-interactive[href='']:active:not([disabled]) {
|
|
999
1017
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
1000
1018
|
}
|
|
1001
|
-
.sd-7-
|
|
1019
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted, .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted, .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted {
|
|
1002
1020
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1003
1021
|
}
|
|
1004
|
-
.sd-7-
|
|
1022
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1005
1023
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1006
1024
|
}
|
|
1007
|
-
.sd-7-
|
|
1025
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1008
1026
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1009
1027
|
}
|
|
1010
|
-
.sd-7-
|
|
1028
|
+
.sd-7-5-1-prose--inverted a, .sd-7-5-1-interactive--inverted {
|
|
1011
1029
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1012
1030
|
}
|
|
1013
|
-
.sd-7-
|
|
1031
|
+
.sd-7-5-1-prose--inverted a:hover:not([disabled]), .sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1014
1032
|
color: rgba(var(--sd-color-text-primary-200, 224 233 243));
|
|
1015
1033
|
}
|
|
1016
|
-
.sd-7-
|
|
1034
|
+
.sd-7-5-1-prose--inverted a:focus-visible, .sd-7-5-1-interactive--inverted:focus-visible {
|
|
1017
1035
|
outline-style: solid;
|
|
1018
1036
|
outline-offset: 2px;
|
|
1019
1037
|
outline-width: 2px;
|
|
1020
1038
|
outline-color: var(--outline-color-primary);
|
|
1021
1039
|
}
|
|
1022
|
-
.sd-7-
|
|
1040
|
+
.sd-7-5-1-prose--inverted a:active:not([disabled]), .sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1023
1041
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1024
1042
|
}
|
|
1025
|
-
.sd-7-
|
|
1043
|
+
.sd-7-5-1-prose > .sd-7-5-1-leadtext, .sd-7-5-1-leadtext {
|
|
1026
1044
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1027
1045
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1028
1046
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1031,7 +1049,7 @@ mark.sd-7-4-3-mark {
|
|
|
1031
1049
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1032
1050
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1033
1051
|
}
|
|
1034
|
-
.sd-7-
|
|
1052
|
+
.sd-7-5-1-prose > .sd-7-5-1-leadtext--size-lg, .sd-7-5-1-leadtext--size-lg {
|
|
1035
1053
|
font-size: var(--sd-text-lg, 1.25rem);
|
|
1036
1054
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
1037
1055
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1040,10 +1058,10 @@ mark.sd-7-4-3-mark {
|
|
|
1040
1058
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1041
1059
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1042
1060
|
}
|
|
1043
|
-
.sd-7-
|
|
1061
|
+
.sd-7-5-1-prose--inverted > .sd-7-5-1-leadtext, .sd-7-5-1-leadtext--inverted {
|
|
1044
1062
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1045
1063
|
}
|
|
1046
|
-
.sd-7-
|
|
1064
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul) {
|
|
1047
1065
|
list-style-position: revert;
|
|
1048
1066
|
list-style-type: revert;
|
|
1049
1067
|
padding: revert;
|
|
@@ -1051,111 +1069,111 @@ mark.sd-7-4-3-mark {
|
|
|
1051
1069
|
padding-left: var(--sd-spacing-4, 1rem);
|
|
1052
1070
|
text-align: left;
|
|
1053
1071
|
}
|
|
1054
|
-
.sd-7-
|
|
1072
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) li:not(:first-child), .sd-7-5-1-prose > :is(ol, ul) li:not(:first-child) {
|
|
1055
1073
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1056
1074
|
}
|
|
1057
|
-
.sd-7-
|
|
1075
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ol, .sd-7-5-1-prose > :is(ol, ul) ul, .sd-7-5-1-prose > :is(ol, ul) ol {
|
|
1058
1076
|
all: revert;
|
|
1059
1077
|
padding-top: 0.75em;
|
|
1060
1078
|
padding-left: 1.4em;
|
|
1061
1079
|
}
|
|
1062
1080
|
@supports not (-webkit-hyphens: none) {
|
|
1063
|
-
.sd-7-
|
|
1081
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) li, .sd-7-5-1-prose > :is(ol, ul) li {
|
|
1064
1082
|
padding-left: 0.3em;
|
|
1065
1083
|
}
|
|
1066
|
-
.sd-7-
|
|
1084
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) {
|
|
1067
1085
|
counter-reset: item;
|
|
1068
1086
|
}
|
|
1069
|
-
.sd-7-
|
|
1087
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li {
|
|
1070
1088
|
counter-increment: item;
|
|
1071
1089
|
}
|
|
1072
|
-
.sd-7-
|
|
1090
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li::marker {
|
|
1073
1091
|
content: counter(item, decimal) '. ';
|
|
1074
1092
|
}
|
|
1075
|
-
.sd-7-
|
|
1093
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol {
|
|
1076
1094
|
padding-left: 1.9em;
|
|
1077
1095
|
counter-reset: subitem;
|
|
1078
1096
|
}
|
|
1079
|
-
.sd-7-
|
|
1097
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li {
|
|
1080
1098
|
counter-increment: subitem;
|
|
1081
1099
|
}
|
|
1082
|
-
.sd-7-
|
|
1100
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li::marker {
|
|
1083
1101
|
content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
|
|
1084
1102
|
}
|
|
1085
|
-
.sd-7-
|
|
1103
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol {
|
|
1086
1104
|
padding-left: 2.7em;
|
|
1087
1105
|
counter-reset: subsubitem;
|
|
1088
1106
|
}
|
|
1089
|
-
.sd-7-
|
|
1107
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li {
|
|
1090
1108
|
counter-increment: subsubitem;
|
|
1091
1109
|
}
|
|
1092
|
-
.sd-7-
|
|
1110
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li::marker {
|
|
1093
1111
|
content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
|
|
1094
1112
|
}
|
|
1095
1113
|
}
|
|
1096
|
-
.sd-7-
|
|
1114
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon), .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul) ul {
|
|
1097
1115
|
padding-left: 0.5em;
|
|
1098
1116
|
}
|
|
1099
|
-
.sd-7-
|
|
1117
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-prose > :is(ol, ul) ul > li {
|
|
1100
1118
|
padding-left: 0.75em;
|
|
1101
1119
|
list-style-type: '\2022';
|
|
1102
1120
|
}
|
|
1103
|
-
.sd-7-
|
|
1121
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul {
|
|
1104
1122
|
padding-left: 0.3em;
|
|
1105
1123
|
}
|
|
1106
|
-
.sd-7-
|
|
1124
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li {
|
|
1107
1125
|
list-style-type: '\002B1D';
|
|
1108
1126
|
}
|
|
1109
|
-
.sd-7-
|
|
1127
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li > ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li > ul {
|
|
1110
1128
|
padding-left: 0.4em;
|
|
1111
1129
|
}
|
|
1112
|
-
.sd-7-
|
|
1130
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li > ul > li {
|
|
1113
1131
|
list-style-type: '\2010';
|
|
1114
1132
|
}
|
|
1115
|
-
.sd-7-
|
|
1133
|
+
.sd-7-5-1-list--icon {
|
|
1116
1134
|
padding-block: var(--sd-spacing-4, 1rem);
|
|
1117
1135
|
text-align: left;
|
|
1118
1136
|
}
|
|
1119
|
-
.sd-7-
|
|
1137
|
+
.sd-7-5-1-list--icon li sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--icon li .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1120
1138
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1121
1139
|
}
|
|
1122
|
-
.sd-7-
|
|
1140
|
+
.sd-7-5-1-list--icon{
|
|
1123
1141
|
list-style-type: '';
|
|
1124
1142
|
}
|
|
1125
|
-
.sd-7-
|
|
1143
|
+
.sd-7-5-1-list--icon > li:first-of-type {
|
|
1126
1144
|
padding-top: 0;
|
|
1127
1145
|
}
|
|
1128
|
-
.sd-7-
|
|
1146
|
+
.sd-7-5-1-list--icon li {
|
|
1129
1147
|
position: relative;
|
|
1130
1148
|
padding-top: var(--sd-spacing-3, 0.75rem);
|
|
1131
1149
|
padding-left: var(--sd-spacing-10, 2.5rem);
|
|
1132
1150
|
--tw-leading: 32px;
|
|
1133
1151
|
line-height: 32px;
|
|
1134
1152
|
}
|
|
1135
|
-
.sd-7-
|
|
1153
|
+
.sd-7-5-1-list--icon li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--icon li > .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1136
1154
|
position: absolute;
|
|
1137
1155
|
left: 0;
|
|
1138
1156
|
font-size: var(--sd-text-3xl, 2rem);
|
|
1139
1157
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
1140
1158
|
color: rgb(var(--sd-color-icon-fill-primary, 0 53 142));
|
|
1141
1159
|
}
|
|
1142
|
-
.sd-7-
|
|
1160
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal {
|
|
1143
1161
|
display: flex;
|
|
1144
1162
|
}
|
|
1145
|
-
.sd-7-
|
|
1163
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal li {
|
|
1146
1164
|
display: flex;
|
|
1147
1165
|
padding-top: 0;
|
|
1148
1166
|
}
|
|
1149
|
-
.sd-7-
|
|
1167
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal li:not(:last-child) {
|
|
1150
1168
|
margin-right: var(--sd-spacing-8, 2rem);
|
|
1151
1169
|
}
|
|
1152
|
-
.sd-7-
|
|
1170
|
+
.sd-7-5-1-list--inverted, .sd-7-5-1-prose--inverted > :is(ol, ul) {
|
|
1153
1171
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1154
1172
|
}
|
|
1155
|
-
.sd-7-
|
|
1173
|
+
.sd-7-5-1-list--inverted li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--inverted li > .sd-7-5-1-list--icon__icon:first-of-type, .sd-7-5-1-prose--inverted > :is(ol, ul) li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-prose--inverted > :is(ol, ul) li > .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1156
1174
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1157
1175
|
}
|
|
1158
|
-
.sd-7-
|
|
1176
|
+
.sd-7-5-1-paragraph, :where(.sd-7-5-1-prose) p {
|
|
1159
1177
|
font-size: var(--sd-text-base, 1rem);
|
|
1160
1178
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
1161
1179
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1164,7 +1182,7 @@ mark.sd-7-4-3-mark {
|
|
|
1164
1182
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1165
1183
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1166
1184
|
}
|
|
1167
|
-
.sd-7-
|
|
1185
|
+
.sd-7-5-1-paragraph--size-sm, :where(.sd-7-5-1-prose) p--size-sm {
|
|
1168
1186
|
font-size: var(--sd-text-sm, 0.875rem);
|
|
1169
1187
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1170
1188
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1173,22 +1191,22 @@ mark.sd-7-4-3-mark {
|
|
|
1173
1191
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1174
1192
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1175
1193
|
}
|
|
1176
|
-
.sd-7-
|
|
1194
|
+
.sd-7-5-1-paragraph--inverted, .sd-7-5-1-prose--inverted p {
|
|
1177
1195
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1178
1196
|
}
|
|
1179
|
-
.sd-7-
|
|
1197
|
+
.sd-7-5-1-prose figure, figure.sd-7-5-1-media {
|
|
1180
1198
|
margin: 0;
|
|
1181
1199
|
}
|
|
1182
|
-
.sd-7-
|
|
1200
|
+
.sd-7-5-1-prose figure figcaption, figure.sd-7-5-1-media figcaption {
|
|
1183
1201
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
1184
1202
|
}
|
|
1185
|
-
.sd-7-
|
|
1203
|
+
.sd-7-5-1-prose figure figcaption:last-child, figure.sd-7-5-1-media figcaption:last-child {
|
|
1186
1204
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1187
1205
|
}
|
|
1188
|
-
.sd-7-
|
|
1206
|
+
.sd-7-5-1-prose--inverted figure figcaption, figure.sd-7-5-1-media--inverted figcaption {
|
|
1189
1207
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1190
1208
|
}
|
|
1191
|
-
.sd-7-
|
|
1209
|
+
.sd-7-5-1-prose td, .sd-7-5-1-prose th, .sd-7-5-1-table-cell {
|
|
1192
1210
|
border-inline-style: var(--tw-border-style);
|
|
1193
1211
|
border-inline-width: 0px;
|
|
1194
1212
|
border-block-style: var(--tw-border-style);
|
|
@@ -1203,11 +1221,11 @@ mark.sd-7-4-3-mark {
|
|
|
1203
1221
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1204
1222
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1205
1223
|
}
|
|
1206
|
-
.sd-7-
|
|
1224
|
+
.sd-7-5-1-table-cell--divider {
|
|
1207
1225
|
border-right-style: var(--tw-border-style);
|
|
1208
1226
|
border-right-width: 1px;
|
|
1209
1227
|
}
|
|
1210
|
-
.sd-7-
|
|
1228
|
+
.sd-7-5-1-table-cell--shadow-top:after, .sd-7-5-1-table-cell--shadow-bottom:after, .sd-7-5-1-table-cell--shadow-left:after, .sd-7-5-1-table-cell--shadow-right:after {
|
|
1211
1229
|
pointer-events: none;
|
|
1212
1230
|
position: absolute;
|
|
1213
1231
|
--tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10, 10%), transparent);
|
|
@@ -1222,12 +1240,12 @@ mark.sd-7-4-3-mark {
|
|
|
1222
1240
|
--tw-content: '';
|
|
1223
1241
|
content: var(--tw-content);
|
|
1224
1242
|
}
|
|
1225
|
-
.sd-7-
|
|
1243
|
+
.sd-7-5-1-table-cell--shadow-top:after, .sd-7-5-1-table-cell--shadow-bottom:after {
|
|
1226
1244
|
right: 0;
|
|
1227
1245
|
left: 0;
|
|
1228
1246
|
height: var(--sd-spacing-2\.5, 0.625rem);
|
|
1229
1247
|
}
|
|
1230
|
-
.sd-7-
|
|
1248
|
+
.sd-7-5-1-table-cell--shadow-top:before, .sd-7-5-1-table-cell--shadow-bottom:before {
|
|
1231
1249
|
position: absolute;
|
|
1232
1250
|
left: 0;
|
|
1233
1251
|
display: block;
|
|
@@ -1239,50 +1257,50 @@ mark.sd-7-4-3-mark {
|
|
|
1239
1257
|
--tw-content: '';
|
|
1240
1258
|
content: var(--tw-content);
|
|
1241
1259
|
}
|
|
1242
|
-
.sd-7-
|
|
1260
|
+
.sd-7-5-1-table-cell--shadow-left:after, .sd-7-5-1-table-cell--shadow-right:after {
|
|
1243
1261
|
top: 0;
|
|
1244
1262
|
bottom: 0;
|
|
1245
1263
|
width: var(--sd-spacing-2\.5, 0.625rem);
|
|
1246
1264
|
}
|
|
1247
|
-
.sd-7-
|
|
1265
|
+
.sd-7-5-1-table-cell.sd-7-5-1-table-cell--shadow-active:after {
|
|
1248
1266
|
opacity: 100%;
|
|
1249
1267
|
}
|
|
1250
|
-
.sd-7-
|
|
1268
|
+
.sd-7-5-1-table-cell--shadow-top:after {
|
|
1251
1269
|
top: -10px;
|
|
1252
1270
|
--tw-gradient-position: to top in oklab;
|
|
1253
1271
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1254
1272
|
}
|
|
1255
|
-
.sd-7-
|
|
1273
|
+
.sd-7-5-1-table-cell--shadow-top:before {
|
|
1256
1274
|
bottom: -1px;
|
|
1257
1275
|
}
|
|
1258
|
-
.sd-7-
|
|
1276
|
+
.sd-7-5-1-table-cell--shadow-bottom:after {
|
|
1259
1277
|
bottom: -10px;
|
|
1260
1278
|
--tw-gradient-position: to bottom in oklab;
|
|
1261
1279
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1262
1280
|
}
|
|
1263
|
-
.sd-7-
|
|
1281
|
+
.sd-7-5-1-table-cell--shadow-bottom:before {
|
|
1264
1282
|
top: -1px;
|
|
1265
1283
|
}
|
|
1266
|
-
.sd-7-
|
|
1284
|
+
.sd-7-5-1-table-cell--shadow-left:after {
|
|
1267
1285
|
left: -10px;
|
|
1268
1286
|
--tw-gradient-position: to left in oklab;
|
|
1269
1287
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1270
1288
|
}
|
|
1271
|
-
.sd-7-
|
|
1289
|
+
.sd-7-5-1-table-cell--shadow-right:after {
|
|
1272
1290
|
right: -10px;
|
|
1273
1291
|
--tw-gradient-position: to right in oklab;
|
|
1274
1292
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1275
1293
|
}
|
|
1276
|
-
.sd-7-
|
|
1294
|
+
.sd-7-5-1-table-cell--bg-white {
|
|
1277
1295
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
1278
1296
|
}
|
|
1279
|
-
.sd-7-
|
|
1297
|
+
.sd-7-5-1-table-cell--bg-primary-100 {
|
|
1280
1298
|
background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
|
|
1281
1299
|
}
|
|
1282
|
-
.sd-7-
|
|
1300
|
+
.sd-7-5-1-table-cell--bg-neutral-100 {
|
|
1283
1301
|
background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
|
|
1284
1302
|
}
|
|
1285
|
-
.sd-7-
|
|
1303
|
+
.sd-7-5-1-table, .sd-7-5-1-prose table {
|
|
1286
1304
|
all: unset;
|
|
1287
1305
|
display: table;
|
|
1288
1306
|
border-collapse: collapse;
|
|
@@ -1290,59 +1308,59 @@ mark.sd-7-4-3-mark {
|
|
|
1290
1308
|
--tw-border-spacing-y: 0;
|
|
1291
1309
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1292
1310
|
}
|
|
1293
|
-
.sd-7-
|
|
1311
|
+
.sd-7-5-1-table thead tr:first-of-type, .sd-7-5-1-table tfoot tr:first-of-type, .sd-7-5-1-prose table thead tr:first-of-type, .sd-7-5-1-prose table tfoot tr:first-of-type {
|
|
1294
1312
|
position: relative;
|
|
1295
1313
|
}
|
|
1296
|
-
.sd-7-
|
|
1314
|
+
.sd-7-5-1-prose {
|
|
1297
1315
|
max-width: 80ch;
|
|
1298
1316
|
text-align: left;
|
|
1299
1317
|
}
|
|
1300
|
-
.sd-7-
|
|
1318
|
+
.sd-7-5-1-prose > *:not(:first-child) {
|
|
1301
1319
|
margin-top: var(--sd-spacing-4, 1rem);
|
|
1302
1320
|
}
|
|
1303
|
-
.sd-7-
|
|
1321
|
+
.sd-7-5-1-prose > *:first-child {
|
|
1304
1322
|
margin-top: 0;
|
|
1305
1323
|
}
|
|
1306
|
-
.sd-7-
|
|
1324
|
+
.sd-7-5-1-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
|
|
1307
1325
|
margin-top: var(--sd-spacing-2, 0.5rem);
|
|
1308
1326
|
}
|
|
1309
|
-
.sd-7-
|
|
1327
|
+
.sd-7-5-1-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
|
|
1310
1328
|
margin-top: var(--sd-spacing-8, 2rem);
|
|
1311
1329
|
}
|
|
1312
|
-
.sd-7-
|
|
1330
|
+
.sd-7-5-1-prose > figure + *:not(#_), .sd-7-5-1-prose > img + *:not(#_) {
|
|
1313
1331
|
margin-top: var(--sd-spacing-6, 1.5rem);
|
|
1314
1332
|
}
|
|
1315
|
-
.sd-7-
|
|
1333
|
+
.sd-7-5-1-prose hr {
|
|
1316
1334
|
height: 0;
|
|
1317
1335
|
border-top-style: var(--tw-border-style);
|
|
1318
1336
|
border-top-width: 1px;
|
|
1319
1337
|
border-color: rgba(var(--sd-color-border-neutral-500, 174 174 174));
|
|
1320
1338
|
}
|
|
1321
|
-
.sd-7-
|
|
1339
|
+
.sd-7-5-1-prose pre {
|
|
1322
1340
|
overflow: auto;
|
|
1323
1341
|
}
|
|
1324
|
-
.sd-7-
|
|
1342
|
+
.sd-7-5-1-prose blockquote, .sd-7-5-1-prose blockquote > * {
|
|
1325
1343
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1326
1344
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1327
1345
|
}
|
|
1328
|
-
.sd-7-
|
|
1346
|
+
.sd-7-5-1-prose blockquote:has(*) *:first-child::before, .sd-7-5-1-prose blockquote:not(:has(*))::before {
|
|
1329
1347
|
content: open-quote;
|
|
1330
1348
|
display: inline;
|
|
1331
1349
|
}
|
|
1332
|
-
.sd-7-
|
|
1350
|
+
.sd-7-5-1-prose blockquote:has(*) *:first-child::after, .sd-7-5-1-prose blockquote:not(:has(*))::after {
|
|
1333
1351
|
content: close-quote;
|
|
1334
1352
|
display: inline;
|
|
1335
1353
|
}
|
|
1336
|
-
.sd-7-
|
|
1354
|
+
.sd-7-5-1-prose > :is(ul, ol):not(#_) {
|
|
1337
1355
|
padding-block: 0;
|
|
1338
1356
|
}
|
|
1339
|
-
.sd-7-
|
|
1357
|
+
.sd-7-5-1-prose--inverted hr {
|
|
1340
1358
|
border-color: rgba(var(--sd-color-border-white, 255 255 255));
|
|
1341
1359
|
}
|
|
1342
|
-
.sd-7-
|
|
1360
|
+
.sd-7-5-1-prose--inverted pre {
|
|
1343
1361
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1344
1362
|
}
|
|
1345
|
-
.sd-7-
|
|
1363
|
+
.sd-7-5-1-prose--full-width {
|
|
1346
1364
|
max-width: unset;
|
|
1347
1365
|
}
|
|
1348
1366
|
@property --tw-border-style {
|