@react-spectrum/card 3.0.0-alpha.53 → 3.0.0-alpha.55

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