@react-spectrum/card 3.0.0-alpha.4 → 3.0.0-alpha.41

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/BaseLayout.main.js +213 -0
  2. package/dist/BaseLayout.main.js.map +1 -0
  3. package/dist/BaseLayout.mjs +208 -0
  4. package/dist/BaseLayout.module.js +208 -0
  5. package/dist/BaseLayout.module.js.map +1 -0
  6. package/dist/Card.main.js +52 -0
  7. package/dist/Card.main.js.map +1 -0
  8. package/dist/Card.mjs +43 -0
  9. package/dist/Card.module.js +43 -0
  10. package/dist/Card.module.js.map +1 -0
  11. package/dist/CardBase.main.js +203 -0
  12. package/dist/CardBase.main.js.map +1 -0
  13. package/dist/CardBase.mjs +198 -0
  14. package/dist/CardBase.module.js +198 -0
  15. package/dist/CardBase.module.js.map +1 -0
  16. package/dist/CardView.main.js +238 -0
  17. package/dist/CardView.main.js.map +1 -0
  18. package/dist/CardView.mjs +233 -0
  19. package/dist/CardView.module.js +233 -0
  20. package/dist/CardView.module.js.map +1 -0
  21. package/dist/CardViewContext.main.js +32 -0
  22. package/dist/CardViewContext.main.js.map +1 -0
  23. package/dist/CardViewContext.mjs +22 -0
  24. package/dist/CardViewContext.module.js +22 -0
  25. package/dist/CardViewContext.module.js.map +1 -0
  26. package/dist/GalleryLayout.main.js +230 -0
  27. package/dist/GalleryLayout.main.js.map +1 -0
  28. package/dist/GalleryLayout.mjs +225 -0
  29. package/dist/GalleryLayout.module.js +225 -0
  30. package/dist/GalleryLayout.module.js.map +1 -0
  31. package/dist/GridLayout.main.js +175 -0
  32. package/dist/GridLayout.main.js.map +1 -0
  33. package/dist/GridLayout.mjs +170 -0
  34. package/dist/GridLayout.module.js +170 -0
  35. package/dist/GridLayout.module.js.map +1 -0
  36. package/dist/WaterfallLayout.main.js +182 -0
  37. package/dist/WaterfallLayout.main.js.map +1 -0
  38. package/dist/WaterfallLayout.mjs +177 -0
  39. package/dist/WaterfallLayout.module.js +177 -0
  40. package/dist/WaterfallLayout.module.js.map +1 -0
  41. package/dist/ar-AE.main.js +7 -0
  42. package/dist/ar-AE.main.js.map +1 -0
  43. package/dist/ar-AE.mjs +9 -0
  44. package/dist/ar-AE.module.js +9 -0
  45. package/dist/ar-AE.module.js.map +1 -0
  46. package/dist/bg-BG.main.js +7 -0
  47. package/dist/bg-BG.main.js.map +1 -0
  48. package/dist/bg-BG.mjs +9 -0
  49. package/dist/bg-BG.module.js +9 -0
  50. package/dist/bg-BG.module.js.map +1 -0
  51. package/dist/card_vars_css.main.js +116 -0
  52. package/dist/card_vars_css.main.js.map +1 -0
  53. package/dist/card_vars_css.mjs +118 -0
  54. package/dist/card_vars_css.module.js +118 -0
  55. package/dist/card_vars_css.module.js.map +1 -0
  56. package/dist/cs-CZ.main.js +7 -0
  57. package/dist/cs-CZ.main.js.map +1 -0
  58. package/dist/cs-CZ.mjs +9 -0
  59. package/dist/cs-CZ.module.js +9 -0
  60. package/dist/cs-CZ.module.js.map +1 -0
  61. package/dist/da-DK.main.js +7 -0
  62. package/dist/da-DK.main.js.map +1 -0
  63. package/dist/da-DK.mjs +9 -0
  64. package/dist/da-DK.module.js +9 -0
  65. package/dist/da-DK.module.js.map +1 -0
  66. package/dist/de-DE.main.js +7 -0
  67. package/dist/de-DE.main.js.map +1 -0
  68. package/dist/de-DE.mjs +9 -0
  69. package/dist/de-DE.module.js +9 -0
  70. package/dist/de-DE.module.js.map +1 -0
  71. package/dist/el-GR.main.js +7 -0
  72. package/dist/el-GR.main.js.map +1 -0
  73. package/dist/el-GR.mjs +9 -0
  74. package/dist/el-GR.module.js +9 -0
  75. package/dist/el-GR.module.js.map +1 -0
  76. package/dist/en-US.main.js +7 -0
  77. package/dist/en-US.main.js.map +1 -0
  78. package/dist/en-US.mjs +9 -0
  79. package/dist/en-US.module.js +9 -0
  80. package/dist/en-US.module.js.map +1 -0
  81. package/dist/es-ES.main.js +7 -0
  82. package/dist/es-ES.main.js.map +1 -0
  83. package/dist/es-ES.mjs +9 -0
  84. package/dist/es-ES.module.js +9 -0
  85. package/dist/es-ES.module.js.map +1 -0
  86. package/dist/et-EE.main.js +7 -0
  87. package/dist/et-EE.main.js.map +1 -0
  88. package/dist/et-EE.mjs +9 -0
  89. package/dist/et-EE.module.js +9 -0
  90. package/dist/et-EE.module.js.map +1 -0
  91. package/dist/fi-FI.main.js +7 -0
  92. package/dist/fi-FI.main.js.map +1 -0
  93. package/dist/fi-FI.mjs +9 -0
  94. package/dist/fi-FI.module.js +9 -0
  95. package/dist/fi-FI.module.js.map +1 -0
  96. package/dist/fr-FR.main.js +7 -0
  97. package/dist/fr-FR.main.js.map +1 -0
  98. package/dist/fr-FR.mjs +9 -0
  99. package/dist/fr-FR.module.js +9 -0
  100. package/dist/fr-FR.module.js.map +1 -0
  101. package/dist/he-IL.main.js +7 -0
  102. package/dist/he-IL.main.js.map +1 -0
  103. package/dist/he-IL.mjs +9 -0
  104. package/dist/he-IL.module.js +9 -0
  105. package/dist/he-IL.module.js.map +1 -0
  106. package/dist/hr-HR.main.js +7 -0
  107. package/dist/hr-HR.main.js.map +1 -0
  108. package/dist/hr-HR.mjs +9 -0
  109. package/dist/hr-HR.module.js +9 -0
  110. package/dist/hr-HR.module.js.map +1 -0
  111. package/dist/hu-HU.main.js +7 -0
  112. package/dist/hu-HU.main.js.map +1 -0
  113. package/dist/hu-HU.mjs +9 -0
  114. package/dist/hu-HU.module.js +9 -0
  115. package/dist/hu-HU.module.js.map +1 -0
  116. package/dist/import.mjs +26 -0
  117. package/dist/intlStrings.main.js +108 -0
  118. package/dist/intlStrings.main.js.map +1 -0
  119. package/dist/intlStrings.mjs +110 -0
  120. package/dist/intlStrings.module.js +110 -0
  121. package/dist/intlStrings.module.js.map +1 -0
  122. package/dist/it-IT.main.js +7 -0
  123. package/dist/it-IT.main.js.map +1 -0
  124. package/dist/it-IT.mjs +9 -0
  125. package/dist/it-IT.module.js +9 -0
  126. package/dist/it-IT.module.js.map +1 -0
  127. package/dist/ja-JP.main.js +7 -0
  128. package/dist/ja-JP.main.js.map +1 -0
  129. package/dist/ja-JP.mjs +9 -0
  130. package/dist/ja-JP.module.js +9 -0
  131. package/dist/ja-JP.module.js.map +1 -0
  132. package/dist/ko-KR.main.js +7 -0
  133. package/dist/ko-KR.main.js.map +1 -0
  134. package/dist/ko-KR.mjs +9 -0
  135. package/dist/ko-KR.module.js +9 -0
  136. package/dist/ko-KR.module.js.map +1 -0
  137. package/dist/lt-LT.main.js +7 -0
  138. package/dist/lt-LT.main.js.map +1 -0
  139. package/dist/lt-LT.mjs +9 -0
  140. package/dist/lt-LT.module.js +9 -0
  141. package/dist/lt-LT.module.js.map +1 -0
  142. package/dist/lv-LV.main.js +7 -0
  143. package/dist/lv-LV.main.js.map +1 -0
  144. package/dist/lv-LV.mjs +9 -0
  145. package/dist/lv-LV.module.js +9 -0
  146. package/dist/lv-LV.module.js.map +1 -0
  147. package/dist/main.js +21 -1447
  148. package/dist/main.js.map +1 -1
  149. package/dist/module.js +17 -1432
  150. package/dist/module.js.map +1 -1
  151. package/dist/nb-NO.main.js +7 -0
  152. package/dist/nb-NO.main.js.map +1 -0
  153. package/dist/nb-NO.mjs +9 -0
  154. package/dist/nb-NO.module.js +9 -0
  155. package/dist/nb-NO.module.js.map +1 -0
  156. package/dist/nl-NL.main.js +7 -0
  157. package/dist/nl-NL.main.js.map +1 -0
  158. package/dist/nl-NL.mjs +9 -0
  159. package/dist/nl-NL.module.js +9 -0
  160. package/dist/nl-NL.module.js.map +1 -0
  161. package/dist/pl-PL.main.js +7 -0
  162. package/dist/pl-PL.main.js.map +1 -0
  163. package/dist/pl-PL.mjs +9 -0
  164. package/dist/pl-PL.module.js +9 -0
  165. package/dist/pl-PL.module.js.map +1 -0
  166. package/dist/pt-BR.main.js +7 -0
  167. package/dist/pt-BR.main.js.map +1 -0
  168. package/dist/pt-BR.mjs +9 -0
  169. package/dist/pt-BR.module.js +9 -0
  170. package/dist/pt-BR.module.js.map +1 -0
  171. package/dist/pt-PT.main.js +7 -0
  172. package/dist/pt-PT.main.js.map +1 -0
  173. package/dist/pt-PT.mjs +9 -0
  174. package/dist/pt-PT.module.js +9 -0
  175. package/dist/pt-PT.module.js.map +1 -0
  176. package/dist/ro-RO.main.js +7 -0
  177. package/dist/ro-RO.main.js.map +1 -0
  178. package/dist/ro-RO.mjs +9 -0
  179. package/dist/ro-RO.module.js +9 -0
  180. package/dist/ro-RO.module.js.map +1 -0
  181. package/dist/ru-RU.main.js +7 -0
  182. package/dist/ru-RU.main.js.map +1 -0
  183. package/dist/ru-RU.mjs +9 -0
  184. package/dist/ru-RU.module.js +9 -0
  185. package/dist/ru-RU.module.js.map +1 -0
  186. package/dist/sk-SK.main.js +7 -0
  187. package/dist/sk-SK.main.js.map +1 -0
  188. package/dist/sk-SK.mjs +9 -0
  189. package/dist/sk-SK.module.js +9 -0
  190. package/dist/sk-SK.module.js.map +1 -0
  191. package/dist/sl-SI.main.js +7 -0
  192. package/dist/sl-SI.main.js.map +1 -0
  193. package/dist/sl-SI.mjs +9 -0
  194. package/dist/sl-SI.module.js +9 -0
  195. package/dist/sl-SI.module.js.map +1 -0
  196. package/dist/sr-SP.main.js +7 -0
  197. package/dist/sr-SP.main.js.map +1 -0
  198. package/dist/sr-SP.mjs +9 -0
  199. package/dist/sr-SP.module.js +9 -0
  200. package/dist/sr-SP.module.js.map +1 -0
  201. package/dist/sv-SE.main.js +7 -0
  202. package/dist/sv-SE.main.js.map +1 -0
  203. package/dist/sv-SE.mjs +9 -0
  204. package/dist/sv-SE.module.js +9 -0
  205. package/dist/sv-SE.module.js.map +1 -0
  206. package/dist/tr-TR.main.js +7 -0
  207. package/dist/tr-TR.main.js.map +1 -0
  208. package/dist/tr-TR.mjs +9 -0
  209. package/dist/tr-TR.module.js +9 -0
  210. package/dist/tr-TR.module.js.map +1 -0
  211. package/dist/types.d.ts +38 -36
  212. package/dist/types.d.ts.map +1 -1
  213. package/dist/uk-UA.main.js +7 -0
  214. package/dist/uk-UA.main.js.map +1 -0
  215. package/dist/uk-UA.mjs +9 -0
  216. package/dist/uk-UA.module.js +9 -0
  217. package/dist/uk-UA.module.js.map +1 -0
  218. package/dist/vars.02438011.css +1671 -0
  219. package/dist/vars.02438011.css.map +1 -0
  220. package/dist/zh-CN.main.js +7 -0
  221. package/dist/zh-CN.main.js.map +1 -0
  222. package/dist/zh-CN.mjs +9 -0
  223. package/dist/zh-CN.module.js +9 -0
  224. package/dist/zh-CN.module.js.map +1 -0
  225. package/dist/zh-TW.main.js +7 -0
  226. package/dist/zh-TW.main.js.map +1 -0
  227. package/dist/zh-TW.mjs +9 -0
  228. package/dist/zh-TW.module.js +9 -0
  229. package/dist/zh-TW.module.js.map +1 -0
  230. package/package.json +26 -23
  231. package/src/BaseLayout.tsx +36 -32
  232. package/src/Card.tsx +1 -0
  233. package/src/CardBase.tsx +9 -11
  234. package/src/CardView.tsx +71 -51
  235. package/src/CardViewContext.tsx +1 -0
  236. package/src/GalleryLayout.tsx +4 -2
  237. package/src/GridLayout.tsx +7 -39
  238. package/src/WaterfallLayout.tsx +8 -5
  239. package/src/index.ts +10 -5
  240. package/dist/main.css +0 -1
@@ -0,0 +1,1671 @@
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 {
187
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
188
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
189
+ border-style: solid;
190
+ position: relative;
191
+ }
192
+
193
+ .NOE1la_spectrum-Card--waterfall.NOE1la_spectrum-Card--default .NOE1la_spectrum-Card-checkboxWrapper {
194
+ z-index: 3;
195
+ }
196
+
197
+ .NOE1la_spectrum-Card--waterfall.NOE1la_spectrum-Card--default:after {
198
+ z-index: 2;
199
+ pointer-events: none;
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 {
408
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
409
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
410
+ border-style: solid;
411
+ position: relative;
412
+ }
413
+
414
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--default .NOE1la_spectrum-Card-checkboxWrapper {
415
+ z-index: 3;
416
+ }
417
+
418
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--default:after {
419
+ z-index: 2;
420
+ pointer-events: none;
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 {
632
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
633
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
634
+ border-style: solid;
635
+ position: relative;
636
+ }
637
+
638
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--default .NOE1la_spectrum-Card-checkboxWrapper {
639
+ z-index: 3;
640
+ }
641
+
642
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--default:after {
643
+ z-index: 2;
644
+ pointer-events: none;
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 {
854
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
855
+ }
856
+
857
+ .NOE1la_spectrum-Card--waterfall.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-checkboxWrapper {
858
+ z-index: 3;
859
+ }
860
+
861
+ .NOE1la_spectrum-Card--waterfall.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:before {
862
+ z-index: -1;
863
+ }
864
+
865
+ .NOE1la_spectrum-Card--waterfall.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:after {
866
+ z-index: 2;
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 {
933
+ min-inline-size: 0;
934
+ }
935
+
936
+ .NOE1la_spectrum-Card--gallery.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-checkboxWrapper {
937
+ z-index: 3;
938
+ }
939
+
940
+ .NOE1la_spectrum-Card--gallery.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:before {
941
+ z-index: -1;
942
+ }
943
+
944
+ .NOE1la_spectrum-Card--gallery.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:after {
945
+ z-index: 2;
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 {
1032
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
1033
+ }
1034
+
1035
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-checkboxWrapper {
1036
+ z-index: 3;
1037
+ }
1038
+
1039
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:before {
1040
+ z-index: -1;
1041
+ }
1042
+
1043
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:after {
1044
+ z-index: 2;
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 {
1123
+ min-inline-size: var(--spectrum-card-quiet-min-size, var(--spectrum-global-dimension-size-1700));
1124
+ }
1125
+
1126
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-checkboxWrapper {
1127
+ z-index: 3;
1128
+ }
1129
+
1130
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:before {
1131
+ z-index: -1;
1132
+ }
1133
+
1134
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--isQuiet .NOE1la_spectrum-Card-grid:after {
1135
+ z-index: 2;
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 {
1210
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1211
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1212
+ border-style: solid;
1213
+ }
1214
+
1215
+ .NOE1la_spectrum-Card--grid.NOE1la_spectrum-Card--horizontal .NOE1la_spectrum-Card-grid:after {
1216
+ z-index: 2;
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 {
1328
+ border-width: var(--spectrum-card-border-size, var(--spectrum-alias-border-size-thin));
1329
+ border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1330
+ border-style: solid;
1331
+ }
1332
+
1333
+ .NOE1la_spectrum-Card--noLayout.NOE1la_spectrum-Card--horizontal .NOE1la_spectrum-Card-grid:after {
1334
+ z-index: 2;
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=vars.02438011.css.map */