@react-spectrum/card 3.0.0-nightly.4491 → 3.0.0-nightly.4502

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/import.mjs +1 -1
  2. package/dist/main.css +45 -186
  3. package/dist/main.css.map +1 -1
  4. package/dist/main.js +1 -1
  5. package/dist/module.css +1661 -0
  6. package/dist/module.css.map +1 -0
  7. package/dist/module.js +1 -1
  8. package/package.json +19 -19
package/dist/module.css ADDED
@@ -0,0 +1,1661 @@
1
+ .dqWSla_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .dqWSla_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .dqWSla_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .dqWSla_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .dqWSla_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .dqWSla_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .dqWSla_i18nFontFamily:lang(zh-SG), .dqWSla_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .dqWSla_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .dqWSla_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .dqWSla_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .dqWSla_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .dqWSla_spectrum-FocusRing.dqWSla_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .dqWSla_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .dqWSla_spectrum-FocusRing--quiet.dqWSla_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .dqWSla_spectrum-Card {
72
+ box-sizing: border-box;
73
+ min-inline-size: var(--spectrum-card-body-header-height, var(--spectrum-global-dimension-size-225));
74
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
75
+ -webkit-user-select: none;
76
+ user-select: none;
77
+ block-size: 100%;
78
+ text-decoration: none;
79
+ }
80
+
81
+ .dqWSla_spectrum-Card:focus {
82
+ outline: none;
83
+ }
84
+
85
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-heading {
86
+ margin: 0;
87
+ }
88
+
89
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper {
90
+ inline-size: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));
91
+ block-size: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));
92
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
93
+ visibility: hidden;
94
+ top: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
95
+ display: grid;
96
+ position: absolute;
97
+ }
98
+
99
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
100
+ left: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
101
+ }
102
+
103
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
104
+ left: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
105
+ }
106
+
107
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
108
+ right: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
109
+ }
110
+
111
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
112
+ right: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
113
+ }
114
+
115
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkbox {
116
+ padding: 4px calc(50% - calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2)) 4px calc(50% - calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2));
117
+ }
118
+
119
+ .dqWSla_spectrum-Card.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card.dqWSla_focus-ring .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
120
+ visibility: visible;
121
+ opacity: 1;
122
+ pointer-events: all;
123
+ }
124
+
125
+ .dqWSla_spectrum-Card-grid {
126
+ position: relative;
127
+ }
128
+
129
+ .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
130
+ pointer-events: none;
131
+ }
132
+
133
+ .dqWSla_spectrum-Card-image {
134
+ grid-area: dqWSla_preview;
135
+ }
136
+
137
+ .dqWSla_spectrum-Card-image img {
138
+ -webkit-user-drag: none;
139
+ user-drag: none;
140
+ }
141
+
142
+ .dqWSla_spectrum-Card-illustration {
143
+ grid-area: dqWSla_preview;
144
+ }
145
+
146
+ .dqWSla_spectrum-Card-illustration svg {
147
+ -webkit-user-drag: none;
148
+ user-drag: none;
149
+ }
150
+
151
+ .dqWSla_spectrum-Card-avatar {
152
+ z-index: 1;
153
+ grid-area: dqWSla_avatar;
154
+ }
155
+
156
+ .dqWSla_spectrum-Card-heading {
157
+ word-break: break-word;
158
+ grid-area: dqWSla_title;
159
+ }
160
+
161
+ .dqWSla_spectrum-Card-detail {
162
+ word-break: break-word;
163
+ grid-area: dqWSla_detail;
164
+ }
165
+
166
+ .dqWSla_spectrum-Card-content {
167
+ word-break: break-word;
168
+ grid-area: dqWSla_content;
169
+ overflow: hidden;
170
+ }
171
+
172
+ .dqWSla_spectrum-Card-decoration {
173
+ display: none;
174
+ }
175
+
176
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default {
177
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
178
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
179
+ border-style: solid;
180
+ position: relative;
181
+ }
182
+
183
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-checkboxWrapper {
184
+ z-index: 3;
185
+ }
186
+
187
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:after {
188
+ z-index: 2;
189
+ pointer-events: none;
190
+ }
191
+
192
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:before {
193
+ content: " ";
194
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
195
+ block-size: 100%;
196
+ inline-size: 100%;
197
+ position: absolute;
198
+ top: 0;
199
+ }
200
+
201
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
202
+ left: 0;
203
+ }
204
+
205
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
206
+ left: 0;
207
+ }
208
+
209
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
210
+ right: 0;
211
+ }
212
+
213
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
214
+ right: 0;
215
+ }
216
+
217
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:after {
218
+ content: " ";
219
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
220
+ block-size: 100%;
221
+ inline-size: 100%;
222
+ position: absolute;
223
+ top: 0;
224
+ }
225
+
226
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
227
+ left: 0;
228
+ }
229
+
230
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
231
+ left: 0;
232
+ }
233
+
234
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
235
+ right: 0;
236
+ }
237
+
238
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
239
+ right: 0;
240
+ }
241
+
242
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid {
243
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
244
+ grid-template-rows: minmax(var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700)), 1fr) var(--spectrum-global-dimension-size-300) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) auto var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
245
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview"
246
+ ". . . . ."
247
+ ". dqWSla_title dqWSla_detail . ."
248
+ ". dqWSla_content dqWSla_content dqWSla_content ."
249
+ ". . . . .";
250
+ block-size: 100%;
251
+ display: grid;
252
+ }
253
+
254
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:before {
255
+ content: " ";
256
+ grid-area: dqWSla_preview;
257
+ block-size: 100%;
258
+ inline-size: 100%;
259
+ }
260
+
261
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
262
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
263
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
264
+ }
265
+
266
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
267
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
268
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
269
+ }
270
+
271
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
272
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
273
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
274
+ }
275
+
276
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
277
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
278
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
279
+ }
280
+
281
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid {
282
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) 1fr minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
283
+ grid-template-rows: var(--spectrum-global-dimension-size-300) auto 1fr var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
284
+ grid-template-areas: ". . . . ."
285
+ ". dqWSla_title dqWSla_detail . ."
286
+ ". dqWSla_content dqWSla_content dqWSla_content ."
287
+ ". . . . .";
288
+ display: grid;
289
+ }
290
+
291
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-avatar {
292
+ display: none;
293
+ }
294
+
295
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image {
296
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
297
+ border-block-end-style: solid;
298
+ place-self: center;
299
+ block-size: 100%;
300
+ inline-size: 100%;
301
+ }
302
+
303
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
304
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
305
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
306
+ }
307
+
308
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
309
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
310
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
311
+ }
312
+
313
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
314
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
315
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
316
+ }
317
+
318
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
319
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
320
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
321
+ }
322
+
323
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
324
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
325
+ border-block-end-style: solid;
326
+ place-self: center;
327
+ block-size: 100%;
328
+ inline-size: 100%;
329
+ }
330
+
331
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
332
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
333
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
334
+ }
335
+
336
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
337
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
338
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
339
+ }
340
+
341
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
342
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
343
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
344
+ }
345
+
346
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
347
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
348
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
349
+ }
350
+
351
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
352
+ place-items: center;
353
+ display: grid;
354
+ }
355
+
356
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar {
357
+ grid-area: dqWSla_preview;
358
+ position: absolute;
359
+ bottom: -10px;
360
+ }
361
+
362
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
363
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
364
+ }
365
+
366
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
367
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
368
+ }
369
+
370
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
371
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
372
+ }
373
+
374
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
375
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
376
+ }
377
+
378
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-heading {
379
+ white-space: nowrap;
380
+ text-overflow: ellipsis;
381
+ align-self: baseline;
382
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
383
+ overflow: hidden;
384
+ }
385
+
386
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-detail {
387
+ white-space: nowrap;
388
+ text-overflow: ellipsis;
389
+ align-self: baseline;
390
+ overflow: hidden;
391
+ }
392
+
393
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-content {
394
+ margin-block-end: 5px;
395
+ }
396
+
397
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default {
398
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
399
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
400
+ border-style: solid;
401
+ position: relative;
402
+ }
403
+
404
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-checkboxWrapper {
405
+ z-index: 3;
406
+ }
407
+
408
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:after {
409
+ z-index: 2;
410
+ pointer-events: none;
411
+ }
412
+
413
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:before {
414
+ content: " ";
415
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
416
+ block-size: 100%;
417
+ inline-size: 100%;
418
+ position: absolute;
419
+ top: 0;
420
+ }
421
+
422
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
423
+ left: 0;
424
+ }
425
+
426
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
427
+ left: 0;
428
+ }
429
+
430
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
431
+ right: 0;
432
+ }
433
+
434
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
435
+ right: 0;
436
+ }
437
+
438
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:after {
439
+ content: " ";
440
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
441
+ block-size: 100%;
442
+ inline-size: 100%;
443
+ position: absolute;
444
+ top: 0;
445
+ }
446
+
447
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
448
+ left: 0;
449
+ }
450
+
451
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
452
+ left: 0;
453
+ }
454
+
455
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
456
+ right: 0;
457
+ }
458
+
459
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
460
+ right: 0;
461
+ }
462
+
463
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid {
464
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
465
+ grid-template-rows: minmax(var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700)), 1fr) var(--spectrum-global-dimension-size-200) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) auto var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
466
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview"
467
+ ". . . . ."
468
+ ". dqWSla_title dqWSla_detail . ."
469
+ ". dqWSla_content dqWSla_content dqWSla_content ."
470
+ ". . . . .";
471
+ block-size: 100%;
472
+ display: grid;
473
+ }
474
+
475
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:before {
476
+ content: " ";
477
+ grid-area: dqWSla_preview;
478
+ block-size: 100%;
479
+ inline-size: 100%;
480
+ }
481
+
482
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
483
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
484
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
485
+ }
486
+
487
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
488
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
489
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
490
+ }
491
+
492
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
493
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
494
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
495
+ }
496
+
497
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
498
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
499
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
500
+ }
501
+
502
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid {
503
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
504
+ grid-template-rows: var(--spectrum-global-dimension-size-300) auto 1fr var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
505
+ grid-template-areas: ". . . . ."
506
+ ". dqWSla_title dqWSla_detail . ."
507
+ ". dqWSla_content dqWSla_content dqWSla_content ."
508
+ ". . . . .";
509
+ block-size: 100%;
510
+ display: grid;
511
+ }
512
+
513
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-avatar {
514
+ display: none;
515
+ }
516
+
517
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image {
518
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
519
+ border-block-end-style: solid;
520
+ place-self: center;
521
+ block-size: 100%;
522
+ inline-size: 100%;
523
+ }
524
+
525
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
526
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
527
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
528
+ }
529
+
530
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
531
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
532
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
533
+ }
534
+
535
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
536
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
537
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
538
+ }
539
+
540
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
541
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
542
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
543
+ }
544
+
545
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
546
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
547
+ border-block-end-style: solid;
548
+ place-self: center;
549
+ block-size: 100%;
550
+ inline-size: 100%;
551
+ }
552
+
553
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
554
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
555
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
556
+ }
557
+
558
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
559
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
560
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
561
+ }
562
+
563
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
564
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
565
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
566
+ }
567
+
568
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
569
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
570
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
571
+ }
572
+
573
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
574
+ place-items: center;
575
+ display: grid;
576
+ }
577
+
578
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar {
579
+ grid-area: dqWSla_preview;
580
+ position: absolute;
581
+ bottom: -10px;
582
+ }
583
+
584
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
585
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
586
+ }
587
+
588
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
589
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
590
+ }
591
+
592
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
593
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
594
+ }
595
+
596
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
597
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
598
+ }
599
+
600
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-heading {
601
+ white-space: nowrap;
602
+ text-overflow: ellipsis;
603
+ align-self: baseline;
604
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
605
+ overflow: hidden;
606
+ }
607
+
608
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-detail {
609
+ white-space: nowrap;
610
+ text-overflow: ellipsis;
611
+ align-self: baseline;
612
+ overflow: hidden;
613
+ }
614
+
615
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-content {
616
+ white-space: nowrap;
617
+ text-overflow: ellipsis;
618
+ margin-block-end: 5px;
619
+ }
620
+
621
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default {
622
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
623
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
624
+ border-style: solid;
625
+ position: relative;
626
+ }
627
+
628
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-checkboxWrapper {
629
+ z-index: 3;
630
+ }
631
+
632
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:after {
633
+ z-index: 2;
634
+ pointer-events: none;
635
+ }
636
+
637
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:before {
638
+ content: " ";
639
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
640
+ block-size: 100%;
641
+ inline-size: 100%;
642
+ position: absolute;
643
+ top: 0;
644
+ }
645
+
646
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
647
+ left: 0;
648
+ }
649
+
650
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
651
+ left: 0;
652
+ }
653
+
654
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
655
+ right: 0;
656
+ }
657
+
658
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
659
+ right: 0;
660
+ }
661
+
662
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:after {
663
+ content: " ";
664
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
665
+ block-size: 100%;
666
+ inline-size: 100%;
667
+ position: absolute;
668
+ top: 0;
669
+ }
670
+
671
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
672
+ left: 0;
673
+ }
674
+
675
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
676
+ left: 0;
677
+ }
678
+
679
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
680
+ right: 0;
681
+ }
682
+
683
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
684
+ right: 0;
685
+ }
686
+
687
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid {
688
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
689
+ grid-template-rows: minmax(var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700)), auto) var(--spectrum-global-dimension-size-300) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) 1fr var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
690
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview dqWSla_preview"
691
+ ". . . . ."
692
+ ". dqWSla_title dqWSla_detail . ."
693
+ ". dqWSla_content dqWSla_content dqWSla_content ."
694
+ ". . . . .";
695
+ display: grid;
696
+ }
697
+
698
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:before {
699
+ content: " ";
700
+ grid-area: dqWSla_preview;
701
+ block-size: 100%;
702
+ inline-size: 100%;
703
+ }
704
+
705
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
706
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
707
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
708
+ }
709
+
710
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
711
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
712
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
713
+ }
714
+
715
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
716
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
717
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
718
+ }
719
+
720
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
721
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
722
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
723
+ }
724
+
725
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid {
726
+ grid-template-columns: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300)) minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto) var(--spectrum-card-body-padding-right, var(--spectrum-global-dimension-size-300));
727
+ grid-template-rows: var(--spectrum-global-dimension-size-300) auto 1fr var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
728
+ grid-template-areas: ". . . . ."
729
+ ". dqWSla_title dqWSla_detail . ."
730
+ ". dqWSla_content dqWSla_content dqWSla_content ."
731
+ ". . . . .";
732
+ display: grid;
733
+ }
734
+
735
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default.dqWSla_spectrum-Card--noPreview .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-avatar {
736
+ display: none;
737
+ }
738
+
739
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image {
740
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
741
+ border-block-end-style: solid;
742
+ place-self: center;
743
+ block-size: 100%;
744
+ inline-size: 100%;
745
+ }
746
+
747
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
748
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
749
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
750
+ }
751
+
752
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
753
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
754
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
755
+ }
756
+
757
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
758
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
759
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
760
+ }
761
+
762
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
763
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
764
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
765
+ }
766
+
767
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
768
+ border-block-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
769
+ border-block-end-style: solid;
770
+ place-self: center;
771
+ block-size: 100%;
772
+ inline-size: 100%;
773
+ }
774
+
775
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
776
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
777
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
778
+ }
779
+
780
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
781
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
782
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
783
+ }
784
+
785
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
786
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
787
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
788
+ }
789
+
790
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
791
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
792
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
793
+ }
794
+
795
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
796
+ block-size: var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700));
797
+ place-items: center;
798
+ inline-size: 100%;
799
+ display: grid;
800
+ }
801
+
802
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar {
803
+ grid-area: dqWSla_preview;
804
+ position: absolute;
805
+ bottom: -10px;
806
+ }
807
+
808
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
809
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
810
+ }
811
+
812
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
813
+ left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
814
+ }
815
+
816
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
817
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
818
+ }
819
+
820
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
821
+ right: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
822
+ }
823
+
824
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-heading {
825
+ white-space: nowrap;
826
+ text-overflow: ellipsis;
827
+ align-self: baseline;
828
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
829
+ overflow: hidden;
830
+ }
831
+
832
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-detail {
833
+ white-space: nowrap;
834
+ text-overflow: ellipsis;
835
+ align-self: baseline;
836
+ overflow: hidden;
837
+ }
838
+
839
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-content {
840
+ margin-block-end: 5px;
841
+ }
842
+
843
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet {
844
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
845
+ }
846
+
847
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-checkboxWrapper {
848
+ z-index: 3;
849
+ }
850
+
851
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
852
+ z-index: -1;
853
+ }
854
+
855
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
856
+ z-index: 2;
857
+ }
858
+
859
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid {
860
+ grid-template-columns: minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto);
861
+ grid-template-rows: minmax(var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700)), 1fr) var(--spectrum-card-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175)) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) auto;
862
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview"
863
+ ". . ."
864
+ "dqWSla_title dqWSla_detail ."
865
+ "dqWSla_content dqWSla_content dqWSla_content";
866
+ block-size: 100%;
867
+ display: grid;
868
+ }
869
+
870
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
871
+ content: " ";
872
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
873
+ grid-area: dqWSla_preview;
874
+ }
875
+
876
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
877
+ content: " ";
878
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
879
+ border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
880
+ grid-area: dqWSla_preview;
881
+ position: absolute;
882
+ inset: 0;
883
+ }
884
+
885
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
886
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
887
+ grid-area: dqWSla_preview;
888
+ block-size: 100%;
889
+ inline-size: 100%;
890
+ display: block;
891
+ }
892
+
893
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
894
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
895
+ place-self: center;
896
+ block-size: 100%;
897
+ inline-size: 100%;
898
+ min-inline-size: 100%;
899
+ }
900
+
901
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
902
+ place-items: center;
903
+ display: grid;
904
+ }
905
+
906
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-avatar {
907
+ display: none;
908
+ }
909
+
910
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
911
+ white-space: nowrap;
912
+ text-overflow: ellipsis;
913
+ align-self: baseline;
914
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
915
+ overflow: hidden;
916
+ }
917
+
918
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-content {
919
+ margin-block-end: 5px;
920
+ }
921
+
922
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet {
923
+ min-inline-size: 0;
924
+ }
925
+
926
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-checkboxWrapper {
927
+ z-index: 3;
928
+ }
929
+
930
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
931
+ z-index: -1;
932
+ }
933
+
934
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
935
+ z-index: 2;
936
+ }
937
+
938
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid {
939
+ grid-template-columns: minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto);
940
+ grid-template-rows: 1fr var(--spectrum-card-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175)) var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)) var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
941
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview"
942
+ ". . ."
943
+ "dqWSla_title dqWSla_detail ."
944
+ "dqWSla_content dqWSla_content dqWSla_content";
945
+ block-size: 100%;
946
+ display: grid;
947
+ }
948
+
949
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
950
+ content: " ";
951
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
952
+ grid-area: dqWSla_preview;
953
+ }
954
+
955
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
956
+ content: " ";
957
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
958
+ border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
959
+ grid-area: dqWSla_preview;
960
+ position: absolute;
961
+ inset: 0;
962
+ }
963
+
964
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
965
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
966
+ grid-area: dqWSla_preview;
967
+ block-size: 100%;
968
+ inline-size: 100%;
969
+ display: block;
970
+ }
971
+
972
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image {
973
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
974
+ place-self: center;
975
+ block-size: 100%;
976
+ inline-size: 100%;
977
+ min-inline-size: 100%;
978
+ }
979
+
980
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image > img {
981
+ width: unset;
982
+ margin: auto;
983
+ }
984
+
985
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
986
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
987
+ place-self: center;
988
+ block-size: 100%;
989
+ inline-size: 100%;
990
+ min-inline-size: 100%;
991
+ }
992
+
993
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration > img {
994
+ width: unset;
995
+ margin: auto;
996
+ }
997
+
998
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
999
+ place-items: center;
1000
+ display: grid;
1001
+ }
1002
+
1003
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-avatar {
1004
+ display: none;
1005
+ }
1006
+
1007
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1008
+ white-space: nowrap;
1009
+ text-overflow: ellipsis;
1010
+ align-self: baseline;
1011
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1012
+ overflow: hidden;
1013
+ }
1014
+
1015
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-content {
1016
+ white-space: nowrap;
1017
+ text-overflow: ellipsis;
1018
+ margin-block-end: 5px;
1019
+ }
1020
+
1021
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet {
1022
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
1023
+ }
1024
+
1025
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-checkboxWrapper {
1026
+ z-index: 3;
1027
+ }
1028
+
1029
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
1030
+ z-index: -1;
1031
+ }
1032
+
1033
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
1034
+ z-index: 2;
1035
+ }
1036
+
1037
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid {
1038
+ grid-template-columns: minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto);
1039
+ grid-template-rows: auto var(--spectrum-card-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175)) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) 1fr;
1040
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview"
1041
+ ". . ."
1042
+ "dqWSla_title dqWSla_detail ."
1043
+ "dqWSla_content dqWSla_content dqWSla_content"
1044
+ ". . .";
1045
+ block-size: 100%;
1046
+ display: grid;
1047
+ }
1048
+
1049
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
1050
+ content: " ";
1051
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1052
+ grid-area: dqWSla_preview;
1053
+ block-size: 0;
1054
+ inline-size: 0;
1055
+ padding-top: 100%;
1056
+ padding-left: 100%;
1057
+ }
1058
+
1059
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
1060
+ content: " ";
1061
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
1062
+ border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
1063
+ grid-area: dqWSla_preview;
1064
+ position: absolute;
1065
+ inset: 0;
1066
+ }
1067
+
1068
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
1069
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1070
+ grid-area: dqWSla_preview;
1071
+ block-size: 100%;
1072
+ inline-size: 100%;
1073
+ display: block;
1074
+ }
1075
+
1076
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1077
+ box-sizing: border-box;
1078
+ place-self: center;
1079
+ block-size: 100%;
1080
+ inline-size: 100%;
1081
+ min-inline-size: 100%;
1082
+ }
1083
+
1084
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image {
1085
+ clip-path: inset(0% 0% 0% 0% round var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)));
1086
+ position: absolute;
1087
+ }
1088
+
1089
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1090
+ place-items: center;
1091
+ display: grid;
1092
+ }
1093
+
1094
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-avatar {
1095
+ display: none;
1096
+ }
1097
+
1098
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1099
+ white-space: nowrap;
1100
+ text-overflow: ellipsis;
1101
+ align-self: baseline;
1102
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1103
+ overflow: hidden;
1104
+ }
1105
+
1106
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-content {
1107
+ white-space: nowrap;
1108
+ text-overflow: ellipsis;
1109
+ margin-block-end: 5px;
1110
+ }
1111
+
1112
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet {
1113
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
1114
+ }
1115
+
1116
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-checkboxWrapper {
1117
+ z-index: 3;
1118
+ }
1119
+
1120
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
1121
+ z-index: -1;
1122
+ }
1123
+
1124
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
1125
+ z-index: 2;
1126
+ }
1127
+
1128
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid {
1129
+ grid-template-columns: minmax(0, auto) minmax(var(--spectrum-global-dimension-size-500), 1fr) minmax(0, auto);
1130
+ grid-template-rows: auto var(--spectrum-card-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175)) minmax(var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height)), auto) auto var(--spectrum-card-body-padding-bottom, var(--spectrum-global-dimension-size-250));
1131
+ grid-template-areas: "dqWSla_preview dqWSla_preview dqWSla_preview"
1132
+ ". . ."
1133
+ "dqWSla_title dqWSla_detail ."
1134
+ "dqWSla_content dqWSla_content dqWSla_content"
1135
+ ". . .";
1136
+ block-size: 100%;
1137
+ display: grid;
1138
+ }
1139
+
1140
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
1141
+ content: " ";
1142
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1143
+ grid-area: dqWSla_preview;
1144
+ }
1145
+
1146
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:after {
1147
+ content: " ";
1148
+ margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
1149
+ padding: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
1150
+ border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
1151
+ background-clip: content-box;
1152
+ grid-area: dqWSla_preview;
1153
+ position: absolute;
1154
+ inset: 0;
1155
+ }
1156
+
1157
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
1158
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1159
+ grid-area: dqWSla_preview;
1160
+ block-size: 100%;
1161
+ inline-size: 100%;
1162
+ display: block;
1163
+ }
1164
+
1165
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1166
+ border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1167
+ place-self: center;
1168
+ display: flex;
1169
+ }
1170
+
1171
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1172
+ block-size: var(--spectrum-card-coverphoto-height, var(--spectrum-global-dimension-size-1700));
1173
+ place-items: center;
1174
+ inline-size: 100%;
1175
+ display: grid;
1176
+ }
1177
+
1178
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-avatar {
1179
+ display: none;
1180
+ }
1181
+
1182
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading {
1183
+ align-self: baseline;
1184
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1185
+ }
1186
+
1187
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1188
+ white-space: nowrap;
1189
+ text-overflow: ellipsis;
1190
+ align-self: baseline;
1191
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1192
+ overflow: hidden;
1193
+ }
1194
+
1195
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-content {
1196
+ margin-block-end: 5px;
1197
+ }
1198
+
1199
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal {
1200
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1201
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1202
+ border-style: solid;
1203
+ }
1204
+
1205
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1206
+ z-index: 2;
1207
+ }
1208
+
1209
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1210
+ display: none;
1211
+ }
1212
+
1213
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid {
1214
+ grid-template-columns: auto var(--spectrum-global-dimension-size-200) 1fr auto var(--spectrum-global-dimension-size-200);
1215
+ grid-template-rows: var(--spectrum-global-dimension-size-400) 1fr var(--spectrum-global-dimension-size-200);
1216
+ grid-template-areas: "dqWSla_preview . dqWSla_title . ."
1217
+ "dqWSla_preview . dqWSla_content dqWSla_content ."
1218
+ "dqWSla_preview . . . .";
1219
+ block-size: 100%;
1220
+ display: grid;
1221
+ }
1222
+
1223
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:before {
1224
+ content: " ";
1225
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1226
+ block-size: 100%;
1227
+ inline-size: 100%;
1228
+ position: absolute;
1229
+ }
1230
+
1231
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image {
1232
+ border-inline-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1233
+ border-inline-end-style: solid;
1234
+ grid-area: dqWSla_preview;
1235
+ place-self: center;
1236
+ block-size: 100%;
1237
+ }
1238
+
1239
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1240
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1241
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1242
+ }
1243
+
1244
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1245
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1246
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1247
+ }
1248
+
1249
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1250
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1251
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1252
+ }
1253
+
1254
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1255
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1256
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1257
+ }
1258
+
1259
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1260
+ border-inline-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1261
+ border-inline-end-style: solid;
1262
+ grid-area: dqWSla_preview;
1263
+ place-self: center;
1264
+ block-size: 100%;
1265
+ }
1266
+
1267
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1268
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1269
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1270
+ }
1271
+
1272
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1273
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1274
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1275
+ }
1276
+
1277
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1278
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1279
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1280
+ }
1281
+
1282
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1283
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1284
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1285
+ }
1286
+
1287
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1288
+ place-items: center;
1289
+ display: grid;
1290
+ }
1291
+
1292
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-avatar {
1293
+ display: none;
1294
+ }
1295
+
1296
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-heading {
1297
+ white-space: nowrap;
1298
+ text-overflow: ellipsis;
1299
+ align-self: center;
1300
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1301
+ overflow: hidden;
1302
+ }
1303
+
1304
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-detail {
1305
+ display: none;
1306
+ }
1307
+
1308
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-content {
1309
+ -webkit-line-clamp: 2;
1310
+ visibility: visible;
1311
+ -webkit-box-orient: vertical;
1312
+ width: 100%;
1313
+ display: -webkit-box;
1314
+ overflow: hidden;
1315
+ }
1316
+
1317
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal {
1318
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1319
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1320
+ border-style: solid;
1321
+ }
1322
+
1323
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1324
+ z-index: 2;
1325
+ }
1326
+
1327
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1328
+ display: none;
1329
+ }
1330
+
1331
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid {
1332
+ grid-template-columns: auto var(--spectrum-global-dimension-size-200) 1fr auto var(--spectrum-global-dimension-size-200);
1333
+ grid-template-rows: var(--spectrum-global-dimension-size-400) 1fr var(--spectrum-global-dimension-size-200);
1334
+ grid-template-areas: "dqWSla_preview . dqWSla_title . ."
1335
+ "dqWSla_preview . dqWSla_content dqWSla_content ."
1336
+ "dqWSla_preview . . . .";
1337
+ block-size: 100%;
1338
+ max-block-size: 100%;
1339
+ display: grid;
1340
+ position: relative;
1341
+ }
1342
+
1343
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:before, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1344
+ content: " ";
1345
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1346
+ block-size: 100%;
1347
+ inline-size: 100%;
1348
+ position: absolute;
1349
+ }
1350
+
1351
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image {
1352
+ border-inline-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1353
+ border-inline-end-style: solid;
1354
+ grid-area: dqWSla_preview;
1355
+ place-self: center;
1356
+ block-size: 100%;
1357
+ }
1358
+
1359
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1360
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1361
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1362
+ }
1363
+
1364
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1365
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1366
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1367
+ }
1368
+
1369
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1370
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1371
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1372
+ }
1373
+
1374
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1375
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1376
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1377
+ }
1378
+
1379
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1380
+ border-inline-end-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1381
+ border-inline-end-style: solid;
1382
+ grid-area: dqWSla_preview;
1383
+ place-self: center;
1384
+ block-size: 100%;
1385
+ }
1386
+
1387
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1388
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1389
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1390
+ }
1391
+
1392
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
1393
+ border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1394
+ border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1395
+ }
1396
+
1397
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1398
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1399
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1400
+ }
1401
+
1402
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1403
+ border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1404
+ border-bottom-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1405
+ }
1406
+
1407
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1408
+ place-items: center;
1409
+ display: grid;
1410
+ }
1411
+
1412
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-avatar {
1413
+ display: none;
1414
+ }
1415
+
1416
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-heading {
1417
+ white-space: nowrap;
1418
+ text-overflow: ellipsis;
1419
+ align-self: center;
1420
+ margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1421
+ overflow: hidden;
1422
+ }
1423
+
1424
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-detail {
1425
+ display: none;
1426
+ }
1427
+
1428
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-content {
1429
+ -webkit-line-clamp: 2;
1430
+ visibility: visible;
1431
+ -webkit-box-orient: vertical;
1432
+ width: 100%;
1433
+ display: -webkit-box;
1434
+ overflow: hidden;
1435
+ }
1436
+
1437
+ .dqWSla_spectrum-CardView {
1438
+ outline: none;
1439
+ }
1440
+
1441
+ .dqWSla_spectrum-CardView .dqWSla_spectrum-CardView-centeredWrapper {
1442
+ justify-content: center;
1443
+ align-items: center;
1444
+ width: 100%;
1445
+ height: 100%;
1446
+ display: flex;
1447
+ }
1448
+
1449
+ .dqWSla_spectrum-CardView .dqWSla_spectrum-CardView-row {
1450
+ outline: none;
1451
+ height: 100%;
1452
+ }
1453
+
1454
+ .dqWSla_spectrum-Card.dqWSla_is-drop-target {
1455
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1456
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1457
+ background-color: var(--spectrum-alias-highlight-selected);
1458
+ }
1459
+
1460
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper {
1461
+ background-color: var(--spectrum-quickactions-background-color, var(--spectrum-alias-background-color-quickactions));
1462
+ }
1463
+
1464
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-detail {
1465
+ color: var(--spectrum-card-description-text-color, var(--spectrum-global-color-gray-700));
1466
+ }
1467
+
1468
+ .dqWSla_spectrum-Card-heading {
1469
+ color: var(--spectrum-global-color-gray-900);
1470
+ }
1471
+
1472
+ .dqWSla_spectrum-Card-detail, .dqWSla_spectrum-Card-content {
1473
+ color: var(--spectrum-global-color-gray-700);
1474
+ }
1475
+
1476
+ .dqWSla_spectrum-Card--default {
1477
+ border-color: var(--spectrum-card-border-color, var(--spectrum-global-color-gray-200));
1478
+ background-color: var(--spectrum-card-background-color, var(--spectrum-global-color-gray-50));
1479
+ }
1480
+
1481
+ .dqWSla_spectrum-Card--default.dqWSla_is-hovered {
1482
+ border-color: var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1483
+ }
1484
+
1485
+ .dqWSla_spectrum-Card--default.dqWSla_is-hovered:before {
1486
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1487
+ }
1488
+
1489
+ .dqWSla_spectrum-Card--default.dqWSla_is-selected:before {
1490
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1491
+ }
1492
+
1493
+ .dqWSla_spectrum-Card--default.dqWSla_is-hovered.dqWSla_is-selected {
1494
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1495
+ }
1496
+
1497
+ .dqWSla_spectrum-Card--default.dqWSla_is-hovered.dqWSla_is-selected:before {
1498
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1499
+ }
1500
+
1501
+ .dqWSla_spectrum-Card--default.dqWSla_focus-ring {
1502
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1503
+ }
1504
+
1505
+ .dqWSla_spectrum-Card--default.dqWSla_focus-ring:before {
1506
+ box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1507
+ }
1508
+
1509
+ .dqWSla_spectrum-Card--default.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected {
1510
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1511
+ }
1512
+
1513
+ .dqWSla_spectrum-Card--default.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected:before {
1514
+ box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1515
+ }
1516
+
1517
+ .dqWSla_spectrum-Card--default.dqWSla_is-selected {
1518
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1519
+ }
1520
+
1521
+ .dqWSla_spectrum-Card--default.dqWSla_is-selected:after {
1522
+ background-color: var(--spectrum-global-color-blue-400);
1523
+ opacity: .15;
1524
+ }
1525
+
1526
+ .dqWSla_spectrum-Card--default.dqWSla_is-selected.dqWSla_is-hovered {
1527
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1528
+ }
1529
+
1530
+ .dqWSla_spectrum-Card--default.dqWSla_is-selected.dqWSla_is-hovered:after {
1531
+ background-color: var(--spectrum-global-color-blue-400);
1532
+ opacity: .25;
1533
+ }
1534
+
1535
+ .dqWSla_spectrum-Card--default:before {
1536
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s);
1537
+ }
1538
+
1539
+ .dqWSla_spectrum-Card--default:after {
1540
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s), opacity var(--spectrum-global-animation-duration-100, .13s);
1541
+ opacity: 0;
1542
+ }
1543
+
1544
+ .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid:before {
1545
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s);
1546
+ background-color: var(--spectrum-card-quiet-preview-background-color, var(--spectrum-global-color-gray-200));
1547
+ }
1548
+
1549
+ .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
1550
+ border-block-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1551
+ }
1552
+
1553
+ .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-content {
1554
+ color: var(--spectrum-card-description-text-color, var(--spectrum-global-color-gray-700));
1555
+ }
1556
+
1557
+ .dqWSla_spectrum-Card--isQuiet {
1558
+ background-color: #0000;
1559
+ border-color: #0000;
1560
+ }
1561
+
1562
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_is-hovered .dqWSla_spectrum-Card-grid:before {
1563
+ background-color: var(--spectrum-card-quiet-preview-background-color-hover, var(--spectrum-global-color-gray-300));
1564
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1565
+ }
1566
+
1567
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card--isQuiet.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1568
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1569
+ }
1570
+
1571
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1572
+ box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1573
+ }
1574
+
1575
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_is-selected .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
1576
+ opacity: .15;
1577
+ }
1578
+
1579
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_is-selected.dqWSla_is-hovered .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
1580
+ opacity: .25;
1581
+ }
1582
+
1583
+ .dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid:before {
1584
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s);
1585
+ background-color: var(--spectrum-card-quiet-preview-background-color, var(--spectrum-global-color-gray-200));
1586
+ }
1587
+
1588
+ .dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-decoration {
1589
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s), opacity var(--spectrum-global-animation-duration-100, .13s);
1590
+ background-color: var(--spectrum-global-color-blue-400);
1591
+ opacity: 0;
1592
+ }
1593
+
1594
+ .dqWSla_spectrum-Card--horizontal {
1595
+ border-color: var(--spectrum-card-border-color, var(--spectrum-global-color-gray-200));
1596
+ background-color: var(--spectrum-card-background-color, var(--spectrum-global-color-gray-50));
1597
+ }
1598
+
1599
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered {
1600
+ border-color: var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1601
+ }
1602
+
1603
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-grid:before {
1604
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1605
+ }
1606
+
1607
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-grid:before {
1608
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1609
+ }
1610
+
1611
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered.dqWSla_is-selected {
1612
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1613
+ }
1614
+
1615
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:before {
1616
+ box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1617
+ }
1618
+
1619
+ .dqWSla_spectrum-Card--horizontal.dqWSla_focus-ring {
1620
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1621
+ }
1622
+
1623
+ .dqWSla_spectrum-Card--horizontal.dqWSla_focus-ring .dqWSla_spectrum-Card-grid:before {
1624
+ box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1625
+ }
1626
+
1627
+ .dqWSla_spectrum-Card--horizontal.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected {
1628
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1629
+ }
1630
+
1631
+ .dqWSla_spectrum-Card--horizontal.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:before {
1632
+ box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1633
+ }
1634
+
1635
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected {
1636
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1637
+ }
1638
+
1639
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1640
+ background-color: var(--spectrum-global-color-blue-400);
1641
+ opacity: .15;
1642
+ }
1643
+
1644
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected.dqWSla_is-hovered {
1645
+ border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1646
+ }
1647
+
1648
+ .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected.dqWSla_is-hovered .dqWSla_spectrum-Card-grid:after {
1649
+ background-color: var(--spectrum-global-color-blue-400);
1650
+ opacity: .25;
1651
+ }
1652
+
1653
+ .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1654
+ transition: background-color var(--spectrum-global-animation-duration-100, .13s), opacity var(--spectrum-global-animation-duration-100, .13s);
1655
+ opacity: 0;
1656
+ }
1657
+
1658
+ .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1659
+ border-inline-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1660
+ }
1661
+ /*# sourceMappingURL=module.css.map */