@coveo/atomic 3.35.0-pre.9b71f3003c → 3.35.0-pre.a26f9fce9b

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 (206) hide show
  1. package/dist/atomic/_atomic.esm.js +1 -1
  2. package/dist/atomic/components/atomic-category-facet.js +17 -7
  3. package/dist/atomic/components/atomic-category-facet.js.map +1 -1
  4. package/dist/atomic/components/atomic-folded-result-list.js +1 -1
  5. package/dist/atomic/components/atomic-insight-folded-result-list.js +1 -1
  6. package/dist/atomic/components/atomic-insight-result-list.js +1 -1
  7. package/dist/atomic/components/atomic-insight-result2.js +2 -3
  8. package/dist/atomic/components/atomic-insight-result2.js.map +1 -1
  9. package/dist/atomic/components/atomic-ipx-recs-list.js +1 -1
  10. package/dist/atomic/components/atomic-recs-interface.js +1 -1
  11. package/dist/atomic/components/atomic-recs-list.js +1 -1
  12. package/dist/atomic/components/atomic-recs-result2.js +1 -2
  13. package/dist/atomic/components/atomic-recs-result2.js.map +1 -1
  14. package/dist/atomic/components/atomic-result-list.js +1 -1
  15. package/dist/atomic/components/atomic-result2.js +1 -2
  16. package/dist/atomic/components/atomic-result2.js.map +1 -1
  17. package/dist/atomic/components/atomic-search-box.js +7 -3
  18. package/dist/atomic/components/atomic-search-box.js.map +1 -1
  19. package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js +3 -1
  20. package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +3 -0
  21. package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +5 -0
  22. package/dist/atomic/components/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js +3 -0
  23. package/dist/atomic/components/components/common/breadbox/breadcrumb-button.js +6 -1
  24. package/dist/atomic/components/components/common/facets/category-facet/all-categories-button.js +3 -2
  25. package/dist/atomic/components/components/common/facets/category-facet/all-categories-localized-label.js +9 -0
  26. package/dist/atomic/components/components/common/facets/category-facet/search-value.js +6 -1
  27. package/dist/atomic/components/components/common/layout/display-options.js +0 -28
  28. package/dist/atomic/components/components/common/layout/item-layout-controller.js +1 -1
  29. package/dist/atomic/components/components/common/layout/item-layout.js +29 -0
  30. package/dist/atomic/components/components/common/search-box/text-area-clear-button.js +1 -1
  31. package/dist/atomic/components/display-options.js +1 -30
  32. package/dist/atomic/components/display-options.js.map +1 -1
  33. package/dist/atomic/components/global/environment.js +1 -1
  34. package/dist/atomic/components/{stencil-item-list-common.js → item-layout.js} +32 -2
  35. package/dist/atomic/components/item-layout.js.map +1 -0
  36. package/dist/atomic/components/stencil-suggestion-manager.js +1 -1
  37. package/dist/atomic/components/stencil-suggestion-manager.js.map +1 -1
  38. package/dist/atomic/lang/cs.json +1 -1
  39. package/dist/atomic/lang/da.json +1 -1
  40. package/dist/atomic/lang/de.json +1 -1
  41. package/dist/atomic/lang/dev.json +1 -1
  42. package/dist/atomic/lang/el.json +1 -1
  43. package/dist/atomic/lang/en.json +1 -1
  44. package/dist/atomic/lang/es.json +1 -1
  45. package/dist/atomic/lang/fi.json +1 -1
  46. package/dist/atomic/lang/fr.json +1 -1
  47. package/dist/atomic/lang/hu.json +1 -1
  48. package/dist/atomic/lang/id.json +1 -1
  49. package/dist/atomic/lang/it.json +1 -1
  50. package/dist/atomic/lang/ja.json +1 -1
  51. package/dist/atomic/lang/ko.json +1 -1
  52. package/dist/atomic/lang/nl.json +1 -1
  53. package/dist/atomic/lang/no.json +1 -1
  54. package/dist/atomic/lang/pl.json +1 -1
  55. package/dist/atomic/lang/pt-BR.json +1 -1
  56. package/dist/atomic/lang/pt.json +1 -1
  57. package/dist/atomic/lang/ru.json +1 -1
  58. package/dist/atomic/lang/sv.json +1 -1
  59. package/dist/atomic/lang/th.json +1 -1
  60. package/dist/atomic/lang/tr.json +1 -1
  61. package/dist/atomic/lang/zh-CN.json +1 -1
  62. package/dist/atomic/lang/zh-TW.json +1 -1
  63. package/dist/atomic/lang/zh.json +1 -1
  64. package/dist/atomic/p-031c5d27.js +2 -0
  65. package/dist/atomic/p-031c5d27.js.map +1 -0
  66. package/dist/atomic/p-0b3198b8.entry.js +2 -0
  67. package/dist/atomic/p-0b3198b8.entry.js.map +1 -0
  68. package/dist/atomic/{p-f9911f6e.entry.js → p-2387e379.entry.js} +2 -2
  69. package/dist/atomic/{p-ff23598b.entry.js → p-2c8d8e83.entry.js} +2 -2
  70. package/dist/atomic/p-2c8d8e83.entry.js.map +1 -0
  71. package/dist/atomic/p-2c94b87e.js +2 -0
  72. package/dist/atomic/p-2c94b87e.js.map +1 -0
  73. package/dist/atomic/{p-72cdb9d8.entry.js → p-4ba1eb36.entry.js} +2 -2
  74. package/dist/atomic/p-4ba1eb36.entry.js.map +1 -0
  75. package/dist/atomic/p-5f3dd48d.js +2 -0
  76. package/dist/atomic/p-5f3dd48d.js.map +1 -0
  77. package/dist/atomic/p-66c5c9ee.entry.js +2 -0
  78. package/dist/atomic/{p-a9016629.entry.js.map → p-66c5c9ee.entry.js.map} +1 -1
  79. package/dist/atomic/{p-87eafe2f.entry.js → p-77727995.entry.js} +2 -2
  80. package/dist/atomic/p-8884c329.entry.js +2 -0
  81. package/dist/atomic/{p-582ce205.entry.js.map → p-8884c329.entry.js.map} +1 -1
  82. package/dist/atomic/p-8c0ea632.entry.js +2 -0
  83. package/dist/atomic/{p-d0937472.entry.js.map → p-8c0ea632.entry.js.map} +1 -1
  84. package/dist/atomic/p-af9dae70.entry.js +2 -0
  85. package/dist/atomic/{p-ae071697.entry.js.map → p-af9dae70.entry.js.map} +1 -1
  86. package/dist/atomic/p-b04df319.entry.js +2 -0
  87. package/dist/atomic/{p-e62caa78.entry.js.map → p-b04df319.entry.js.map} +1 -1
  88. package/dist/atomic/p-b0a14501.entry.js +2 -0
  89. package/dist/atomic/{p-d1fbb20a.entry.js.map → p-b0a14501.entry.js.map} +1 -1
  90. package/dist/atomic/p-d3f404a4.entry.js +2 -0
  91. package/dist/atomic/{p-fd7a8926.entry.js.map → p-d3f404a4.entry.js.map} +1 -1
  92. package/dist/atomic/p-e287e3f6.entry.js +2 -0
  93. package/dist/atomic/p-e287e3f6.entry.js.map +1 -0
  94. package/dist/atomic/p-f7e2c841.entry.js +2 -0
  95. package/dist/atomic/p-f7e2c841.entry.js.map +1 -0
  96. package/dist/cjs/atomic-category-facet.cjs.entry.js +17 -7
  97. package/dist/cjs/atomic-category-facet.cjs.entry.js.map +1 -1
  98. package/dist/cjs/atomic-folded-result-list.cjs.entry.js +1 -2
  99. package/dist/cjs/atomic-folded-result-list.cjs.entry.js.map +1 -1
  100. package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js +1 -2
  101. package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js.map +1 -1
  102. package/dist/cjs/atomic-insight-result-list.cjs.entry.js +1 -2
  103. package/dist/cjs/atomic-insight-result-list.cjs.entry.js.map +1 -1
  104. package/dist/cjs/atomic-insight-result.cjs.entry.js +4 -3
  105. package/dist/cjs/atomic-insight-result.cjs.entry.js.map +1 -1
  106. package/dist/cjs/atomic-insight-search-box.cjs.entry.js +1 -1
  107. package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js +1 -2
  108. package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js.map +1 -1
  109. package/dist/cjs/atomic-recs-interface.cjs.entry.js +1 -1
  110. package/dist/cjs/atomic-recs-list.cjs.entry.js +1 -2
  111. package/dist/cjs/atomic-recs-list.cjs.entry.js.map +1 -1
  112. package/dist/cjs/atomic-recs-result.cjs.entry.js +3 -2
  113. package/dist/cjs/atomic-recs-result.cjs.entry.js.map +1 -1
  114. package/dist/cjs/atomic-result-list.cjs.entry.js +1 -2
  115. package/dist/cjs/atomic-result-list.cjs.entry.js.map +1 -1
  116. package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js +1 -2
  117. package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js.map +1 -1
  118. package/dist/cjs/atomic-result.cjs.entry.js +3 -2
  119. package/dist/cjs/atomic-result.cjs.entry.js.map +1 -1
  120. package/dist/cjs/atomic-search-box.cjs.entry.js +8 -4
  121. package/dist/cjs/atomic-search-box.cjs.entry.js.map +1 -1
  122. package/dist/cjs/{display-options-10f84088.js → display-options-12b25742.js} +1 -31
  123. package/dist/cjs/display-options-12b25742.js.map +1 -0
  124. package/dist/cjs/item-layout-edcf5884.js +36 -0
  125. package/dist/cjs/item-layout-edcf5884.js.map +1 -0
  126. package/dist/cjs/{stencil-suggestion-manager-83efa596.js → stencil-suggestion-manager-62c42aa3.js} +2 -2
  127. package/dist/cjs/stencil-suggestion-manager-62c42aa3.js.map +1 -0
  128. package/dist/cjs/version.cjs.js +2 -2
  129. package/dist/esm/atomic-category-facet.entry.js +17 -7
  130. package/dist/esm/atomic-category-facet.entry.js.map +1 -1
  131. package/dist/esm/atomic-folded-result-list.entry.js +1 -2
  132. package/dist/esm/atomic-folded-result-list.entry.js.map +1 -1
  133. package/dist/esm/atomic-insight-folded-result-list.entry.js +1 -2
  134. package/dist/esm/atomic-insight-folded-result-list.entry.js.map +1 -1
  135. package/dist/esm/atomic-insight-result-list.entry.js +1 -2
  136. package/dist/esm/atomic-insight-result-list.entry.js.map +1 -1
  137. package/dist/esm/atomic-insight-result.entry.js +3 -2
  138. package/dist/esm/atomic-insight-result.entry.js.map +1 -1
  139. package/dist/esm/atomic-insight-search-box.entry.js +1 -1
  140. package/dist/esm/atomic-ipx-recs-list.entry.js +1 -2
  141. package/dist/esm/atomic-ipx-recs-list.entry.js.map +1 -1
  142. package/dist/esm/atomic-recs-interface.entry.js +1 -1
  143. package/dist/esm/atomic-recs-list.entry.js +1 -2
  144. package/dist/esm/atomic-recs-list.entry.js.map +1 -1
  145. package/dist/esm/atomic-recs-result.entry.js +2 -1
  146. package/dist/esm/atomic-recs-result.entry.js.map +1 -1
  147. package/dist/esm/atomic-result-list.entry.js +1 -2
  148. package/dist/esm/atomic-result-list.entry.js.map +1 -1
  149. package/dist/esm/atomic-result-placeholder_8.entry.js +1 -2
  150. package/dist/esm/atomic-result-placeholder_8.entry.js.map +1 -1
  151. package/dist/esm/atomic-result.entry.js +2 -1
  152. package/dist/esm/atomic-result.entry.js.map +1 -1
  153. package/dist/esm/atomic-search-box.entry.js +8 -4
  154. package/dist/esm/atomic-search-box.entry.js.map +1 -1
  155. package/dist/esm/{display-options-b7c33617.js → display-options-2dd6db0e.js} +2 -31
  156. package/dist/esm/display-options-2dd6db0e.js.map +1 -0
  157. package/dist/esm/item-layout-0df032fe.js +34 -0
  158. package/dist/esm/item-layout-0df032fe.js.map +1 -0
  159. package/dist/esm/{stencil-suggestion-manager-c1c4298e.js → stencil-suggestion-manager-3d2eea75.js} +2 -2
  160. package/dist/esm/stencil-suggestion-manager-3d2eea75.js.map +1 -0
  161. package/dist/esm/version.js +2 -2
  162. package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.d.ts +1 -0
  163. package/dist/types/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.d.ts +1 -0
  164. package/dist/types/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.d.ts +1 -0
  165. package/dist/types/components/common/breadbox/breadcrumb-button.d.ts +2 -0
  166. package/dist/types/components/common/facets/category-facet/all-categories-button.d.ts +2 -0
  167. package/dist/types/components/common/facets/category-facet/all-categories-localized-label.d.ts +6 -0
  168. package/dist/types/components/common/facets/category-facet/search-value.d.ts +1 -0
  169. package/dist/types/components/common/facets/category-facet/stencil-all-categories-button.d.ts +2 -0
  170. package/dist/types/components/common/facets/category-facet/stencil-search-value.d.ts +1 -0
  171. package/dist/types/components/common/layout/display-options.d.ts +0 -10
  172. package/dist/types/components/common/layout/item-layout-controller.d.ts +2 -1
  173. package/dist/types/components/common/layout/item-layout.d.ts +11 -0
  174. package/dist/types/components/insight/atomic-insight-result/atomic-insight-result.d.ts +1 -1
  175. package/dist/types/components/recommendations/atomic-recs-result/atomic-recs-result.d.ts +1 -1
  176. package/dist/types/components/search/atomic-search-box/atomic-search-box.d.ts +1 -0
  177. package/dist/types/components.d.ts +10 -8
  178. package/dist/types/directives/hierarchical-path.d.ts +1 -1
  179. package/docs/atomic-docs.json +4 -4
  180. package/package.json +5 -8
  181. package/dist/atomic/components/stencil-item-list-common.js.map +0 -1
  182. package/dist/atomic/p-3ef52afa.js +0 -2
  183. package/dist/atomic/p-3ef52afa.js.map +0 -1
  184. package/dist/atomic/p-582ce205.entry.js +0 -2
  185. package/dist/atomic/p-72cdb9d8.entry.js.map +0 -1
  186. package/dist/atomic/p-a9016629.entry.js +0 -2
  187. package/dist/atomic/p-aa290a01.js +0 -2
  188. package/dist/atomic/p-aa290a01.js.map +0 -1
  189. package/dist/atomic/p-ae071697.entry.js +0 -2
  190. package/dist/atomic/p-b06de6f8.entry.js +0 -2
  191. package/dist/atomic/p-b06de6f8.entry.js.map +0 -1
  192. package/dist/atomic/p-d0937472.entry.js +0 -2
  193. package/dist/atomic/p-d1fbb20a.entry.js +0 -2
  194. package/dist/atomic/p-e62caa78.entry.js +0 -2
  195. package/dist/atomic/p-f654697b.entry.js +0 -2
  196. package/dist/atomic/p-f654697b.entry.js.map +0 -1
  197. package/dist/atomic/p-f800678c.entry.js +0 -2
  198. package/dist/atomic/p-f800678c.entry.js.map +0 -1
  199. package/dist/atomic/p-fd7a8926.entry.js +0 -2
  200. package/dist/atomic/p-ff23598b.entry.js.map +0 -1
  201. package/dist/cjs/display-options-10f84088.js.map +0 -1
  202. package/dist/cjs/stencil-suggestion-manager-83efa596.js.map +0 -1
  203. package/dist/esm/display-options-b7c33617.js.map +0 -1
  204. package/dist/esm/stencil-suggestion-manager-c1c4298e.js.map +0 -1
  205. /package/dist/atomic/{p-f9911f6e.entry.js.map → p-2387e379.entry.js.map} +0 -0
  206. /package/dist/atomic/{p-87eafe2f.entry.js.map → p-77727995.entry.js.map} +0 -0
package/dist/atomic/components/atomic-recs-result2.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
2
  import { p as parentNodeToString } from './dom-utils.js';
3
- import { r as resultComponentClass } from './stencil-item-list-common.js';
4
- import { I as ItemLayout } from './display-options.js';
3
+ import { a as ItemLayout, r as resultComponentClass } from './item-layout.js';
5
4
 
6
5
  const atomicRecsResultCss = "/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\natomic-result-section-badges {\n text-align: left;\n}\natomic-result-section-actions {\n text-align: right;\n}\natomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n}\natomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.5rem;\n}\n@layer components {\n :host :host {\n font-family: var(--atomic-font-family);\n --tw-font-weight: var(--atomic-font-normal);\n font-weight: var(--atomic-font-normal);\n }\n :host atomic-result-section-badges {\n text-align: left;\n }\n :host atomic-result-section-actions {\n text-align: left;\n }\n :host atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.5rem;\n }\n :host .result-root.with-sections {\n display: grid;\n justify-items: stretch;\n }\n :host .result-root.with-sections atomic-result-section-visual {\n grid-area: visual;\n }\n :host .result-root.with-sections atomic-result-section-badges {\n grid-area: badges;\n }\n :host .result-root.with-sections atomic-result-section-actions {\n grid-area: actions;\n }\n :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview {\n display: inline-block;\n }\n :host .result-root.with-sections atomic-result-section-title {\n grid-area: title;\n color: var(--atomic-on-background);\n }\n :host .result-root.with-sections atomic-result-section-title-metadata {\n grid-area: title-metadata;\n }\n :host .result-root.with-sections atomic-result-section-emphasized {\n grid-area: emphasized;\n }\n :host .result-root.with-sections atomic-result-section-excerpt {\n grid-area: excerpt;\n color: var(--atomic-neutral-dark);\n }\n :host .result-root.with-sections atomic-result-section-bottom-metadata {\n grid-area: bottom-metadata;\n color: var(--atomic-neutral-dark);\n }\n :host .result-root.with-sections atomic-result-section-children {\n grid-area: children;\n }\n :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-result-section-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n max-height: calc(2 * var(--row-height, 2rem) + 0.5rem);\n }\n :host .result-root.with-sections atomic-result-section-visual, :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-result-section-bottom-metadata {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n :host .result-root.with-sections.image-icon atomic-result-section-visual {\n border-radius: var(--atomic-border-radius);\n }\n @media (width >= 1024px) {\n :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual {\n width: 10.25rem;\n height: 10.25rem;\n }\n :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual {\n margin-right: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions {\n margin-bottom: 1.5rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt {\n margin-top: 1.75rem;\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n margin-top: 0.875rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt {\n margin-top: 1rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n margin-top: 0.6875rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.25rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.image-large, :host .result-root.with-sections.display-list.image-small {\n grid-template-areas: 'badges badges . actions' 'visual title title title' 'visual title-metadata title-metadata title-metadata' 'visual emphasized emphasized emphasized' 'visual excerpt excerpt excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children children children';\n grid-template-columns: minmax(0, min-content) auto 1fr auto;\n grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n }\n :host .result-root.with-sections.display-list.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-result-section-visual {\n width: 20.375rem;\n height: 20.375rem;\n }\n :host .result-root.with-sections.display-list.image-small atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual {\n width: 10rem;\n height: 10rem;\n }\n :host .result-root.with-sections.display-list.image-icon {\n grid-template-areas: 'badges badges . actions' 'visual title title title' 'visual title-metadata title-metadata title-metadata' 'visual emphasized emphasized emphasized' 'visual excerpt excerpt excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children children children';\n grid-template-columns: minmax(0, min-content) auto 1fr auto;\n grid-template-rows: repeat(7, minmax(0, min-content));\n }\n :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-list.image-none {\n grid-template-areas: 'badges . actions' 'title title title' 'title-metadata title-metadata title-metadata' 'emphasized emphasized emphasized' 'excerpt excerpt excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children children children';\n grid-template-columns: auto 1fr auto;\n grid-template-rows: repeat(6, auto);\n }\n :host .result-root.with-sections.display-list.image-none atomic-result-section-visual {\n display: none;\n }\n }\n @media not all and (width >= 1024px) {\n :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root) {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n border-top-color: var(--atomic-neutral);\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions {\n margin-top: 1rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n margin-top: 0.75rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n padding-top: 1.75rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n padding-top: 1.75rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions {\n margin-top: 0.75rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt {\n margin-top: 1rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n margin-top: 0.625rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n padding-top: 1.5rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n padding-top: 1.5rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions {\n margin-top: 0.5em;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt {\n margin-top: 0.75rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n margin-top: 0.4375rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.25rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n padding-top: 1rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n padding-top: 1rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.image-large {\n grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n grid-template-columns: 100%;\n grid-template-rows: repeat(8, auto);\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n width: 100%;\n margin-right: 0;\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.image-small {\n grid-template-areas: 'badges badges' 'visual title' 'visual title-metadata' 'visual emphasized' 'visual .' 'excerpt excerpt' 'bottom-metadata bottom-metadata' 'actions actions' 'children children';\n grid-template-columns: auto minmax(0, 1fr);\n grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n }\n :host .result-root.with-sections.display-list.image-small atomic-result-section-visual {\n width: 24vw;\n height: 24vw;\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.image-icon {\n grid-template-areas: 'badges badges' 'visual title' 'visual title-metadata' 'visual emphasized' 'visual excerpt' 'visual bottom-metadata' 'visual actions' 'visual children';\n grid-template-columns: auto minmax(0, 1fr);\n grid-template-rows: repeat(7, auto) 1fr;\n }\n :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n margin-bottom: 0;\n }\n :host .result-root.with-sections.display-list.image-none {\n grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n grid-template-columns: 100%;\n grid-template-rows: repeat(7, auto);\n }\n :host .result-root.with-sections.display-list.image-none atomic-result-section-visual {\n display: none;\n }\n }\n :host .result-root.with-sections.display-grid a, :host .result-root.with-sections.display-grid button {\n position: relative;\n }\n @media (width >= 1024px) {\n :host .result-root.with-sections.display-grid.image-large {\n grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n grid-template-columns: 100%;\n grid-template-rows: repeat(9, auto);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-result-section-visual {\n margin: 0 auto 2rem auto;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-badges {\n margin-bottom: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 2.25rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt {\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 2.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-result-section-visual {\n margin: 0 auto 1.5rem auto;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-badges {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.375rem;\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-result-section-visual {\n margin: 0 auto 1rem auto;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-badges {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.9375rem;\n max-height: 3.25rem;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges {\n margin-bottom: 1rem;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual {\n display: none;\n }\n }\n @media not all and (width >= 1024px) {\n :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-insight-result-children::part(children-root) {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n border-top-color: var(--atomic-neutral);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions {\n margin-top: 1rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\n margin-top: 0.75rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n padding-top: 1.75rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n padding-top: 1.75rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions {\n margin-top: 0.75rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt {\n margin-top: 1rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\n margin-top: 0.625rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n padding-top: 1.5rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n padding-top: 1.5rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions {\n margin-top: 0.5em;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n margin-top: 0.75rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\n margin-top: 0.4375rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.25rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n padding-top: 1rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n padding-top: 1rem;\n margin-inline: calc(0.25rem * -4);\n margin-top: calc(0.25rem * 4);\n padding-inline: calc(0.25rem * 4);\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.image-large {\n grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n grid-template-columns: 100%;\n grid-template-rows: repeat(8, auto);\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n width: 100%;\n margin-right: 0;\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.image-small {\n grid-template-areas: 'badges badges' 'visual title' 'visual title-metadata' 'visual emphasized' 'visual .' 'excerpt excerpt' 'bottom-metadata bottom-metadata' 'actions actions' 'children children';\n grid-template-columns: auto minmax(0, 1fr);\n grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n width: 24vw;\n height: 24vw;\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.image-icon {\n grid-template-areas: 'badges badges' 'visual title' 'visual title-metadata' 'visual emphasized' 'visual excerpt' 'visual bottom-metadata' 'visual actions' 'visual children';\n grid-template-columns: auto minmax(0, 1fr);\n grid-template-rows: repeat(7, auto) 1fr;\n }\n :host .result-root.with-sections.display-grid.image-large.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n margin-bottom: 0;\n }\n :host .result-root.with-sections.display-grid.image-large.image-none {\n grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n grid-template-columns: 100%;\n grid-template-rows: repeat(7, auto);\n }\n :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual {\n display: none;\n }\n }\n @media (width >= 1024px) {\n :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n grid-template-columns: 100%;\n grid-template-rows: repeat(9, auto);\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual {\n margin: 0 auto 2rem auto;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-badges {\n margin-bottom: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 2.25rem;\n --row-height: 2.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 2.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual {\n margin: 0 auto 1.5rem auto;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-badges {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.75rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.375rem;\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual {\n margin: 0 auto 1rem auto;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-badges {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n word-break: break-word;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.9375rem;\n max-height: 3.25rem;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges {\n margin-bottom: 1rem;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual {\n display: none;\n }\n }\n @media not all and (width >= 1024px) {\n :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n grid-template-columns: 100%;\n grid-template-rows: repeat(9, auto);\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual {\n width: 10.25rem;\n height: 10.25rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1rem;\n max-height: 3rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-children {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1.25rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual {\n margin-bottom: 0.75rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual {\n width: 10.25rem;\n height: 10.25rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.75rem;\n max-height: 3rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-children {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual {\n width: 10.25rem;\n height: 10.25rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.75rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.75rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.5rem;\n max-height: 3rem;\n }\n :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-children {\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n margin-top: 0.75rem;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 9rem;\n }\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 9rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n aspect-ratio: 1 / 1;\n height: auto;\n }\n @supports not (aspect-ratio: 1 / 1) {\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n height: 9rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-small.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual {\n display: none;\n }\n }\n :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual {\n width: 10.25rem;\n height: 10.25rem;\n }\n :host .result-root.with-sections.display-table atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-result-section-children atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-visual {\n margin-right: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-actions {\n margin-bottom: 1.5rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title {\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-excerpt {\n margin-top: 1.75rem;\n --font-size: var(--atomic-text-lg);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-bottom-metadata {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 4rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-comfortable .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-result-section-actions {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-excerpt {\n margin-top: 1.25rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 2.5rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-bottom-metadata {\n margin-top: 0.875rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.875rem;\n margin-bottom: 0.875rem;\n }\n :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-normal .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-result-section-actions {\n margin-bottom: 1rem;\n --row-height: 2rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-title {\n --font-size: var(--atomic-text-xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-excerpt {\n margin-top: 1rem;\n --font-size: var(--atomic-text-base);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 1.25rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-bottom-metadata {\n margin-top: 0.6875rem;\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n max-height: 3.25rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-title-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(children-root) {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--atomic-neutral);\n border-radius: 16px;\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(show-hide-button) {\n margin-top: 0.475rem;\n margin-bottom: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-compact .placeholder {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-table.image-large, :host .result-root.with-sections.display-table.image-small {\n grid-template-areas: 'badges badges . actions' 'visual title title title' 'visual title-metadata title-metadata title-metadata' 'visual emphasized emphasized emphasized' 'visual excerpt excerpt excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children children children';\n grid-template-columns: minmax(0, min-content) auto 1fr auto;\n grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n }\n :host .result-root.with-sections.display-table.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-result-section-visual {\n width: 20.375rem;\n height: 20.375rem;\n }\n :host .result-root.with-sections.display-table.image-small atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual {\n width: 10rem;\n height: 10rem;\n }\n :host .result-root.with-sections.display-table.image-icon {\n grid-template-areas: 'badges badges . actions' 'visual title title title' 'visual title-metadata title-metadata title-metadata' 'visual emphasized emphasized emphasized' 'visual excerpt excerpt excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children children children';\n grid-template-columns: minmax(0, min-content) auto 1fr auto;\n grid-template-rows: repeat(7, minmax(0, min-content));\n }\n :host .result-root.with-sections.display-table.image-icon atomic-result-section-visual {\n width: 2rem;\n height: 2rem;\n }\n :host .result-root.with-sections.display-table.image-none {\n grid-template-areas: 'badges . actions' 'title title title' 'title-metadata title-metadata title-metadata' 'emphasized emphasized emphasized' 'excerpt excerpt excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children children children';\n grid-template-columns: auto 1fr auto;\n grid-template-rows: repeat(6, auto);\n }\n :host .result-root.with-sections.display-table.image-none atomic-result-section-visual {\n display: none;\n }\n :host .result-root atomic-table-element {\n display: none;\n }\n :host .link-container {\n display: none;\n }\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-font-weight: initial;\n --tw-border-style: solid;\n }\n }\n}\n";
7
6
  const AtomicRecsResultStyle0 = atomicRecsResultCss;
package/dist/atomic/components/atomic-recs-result2.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"atomic-recs-result2.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,+kkHAA+kkH,CAAC;AAC5mkH,+BAAe,mBAAmB;;MC8BrB,gBAAgB;;;;;QAInB,kCAA6B,GAAG,KAAK,CAAC;;;;;;QAatC,gBAAW,GAAe,IAAI,gBAAgB,EAAE,CAAC;;;;QA2BjD,YAAO,GAAsB,MAAM,CAAC;;;;QAKpC,YAAO,GAAuB,QAAQ,CAAC;;;;;;QAOvC,cAAS,GAAyB,MAAM,CAAC;;;;QAKzC,YAAO,GAAG,EAAE,CAAC;;2BA5Ca,IAAI,gBAAgB,EAAE;;;;;uBA2BnB,MAAM;uBAKL,QAAQ;yBAOJ,MAAM;uBAK9B,EAAE;;;;IAgBb,WAAW,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;QACD,IAAI,CAAC,IAAI;aACN,UAAW,CAAC,aAAa,CACxB,oDAAoD,CACrD;cACC,KAAK,EAAE,CAAC;KACb;IAGM,aAAa,CAAC,KAAmC;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;IAGM,wBAAwB,CAAC,KAAkC;QAChE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACtC;IAGM,sBAAsB,CAAC,KAAkB;QAC9C,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACpC;IAGM,0BAA0B,CAAC,KAAsC;QACtE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC;YACX,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAU;SAC3B,CAAC,CAAC;KACJ;IAEM,iBAAiB;QACtB,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAC1B,IAAI,CAAC,OAAQ,CAAC,QAAQ,EACtB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf,CAAC;KACH;IAEO,cAAc;QACpB,OAAO,kBAAkB,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAC;KAC1C;IAEO,WAAW;QACjB,OAAO,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC7C;IACD,IAAY,0BAA0B;QACpC,OAAO,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC;KAC7C;IAEO,2BAA2B;QACjC,QACE,IAAI,CAAC,0BAA0B;YAC/B,IAAI,CAAC,aAAa;YAClB,CAAC,IAAI,CAAC,6BAA6B,EACnC;KACH;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAC/B,WACE,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,GACnC,EACP,WACE,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,GACtC,CACF,EACP;SACH;QACD;;QAEE,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAC/B,WACE,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM;iBAC9B,UAAU,EAAE;iBACZ,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC,EAAE,EACd,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,GAC3B,EACP,WAAK,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,GAAQ,CAC5D,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC/C;KACF;IAEM,kBAAkB;QACvB,IAAI,IAAI,CAAC,2BAA2B,EAAE,EAAE;YACtC,MAAM,0BAA0B,GAAG,IAAI,CAAC,iBAAkB,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,aAAc,EACnB,IAAI,CAAC,gBAAiB,CACvB,CAAC;YAEF,IAAI,CAAC,aAAc,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,MAAM;iBAC7C,UAAU,CAAC,0BAA0B,CAAC;iBACtC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAEf,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC;SAC3C;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/recommendations/atomic-recs-result/atomic-recs-result.pcss?tag=atomic-recs-result&encapsulation=shadow","src/components/recommendations/atomic-recs-result/atomic-recs-result.tsx"],"sourcesContent":["@import '../../common/template-system/template-system.pcss';\n\n:host {\n @apply atomic-template-system;\n}\n","import {\n InteractiveResult as RecsInteractiveResult,\n Result as RecsResult,\n} from '@coveo/headless/recommendation';\nimport {Component, h, Prop, Element, Listen, Host} from '@stencil/core';\nimport {parentNodeToString} from '../../../utils/dom-utils';\nimport {\n InteractiveItemContextEvent,\n ItemContextEvent,\n DisplayConfig,\n} from '../../common/item-list/stencil-item-decorators';\nimport {\n ItemRenderingFunction,\n resultComponentClass,\n} from '../../common/item-list/stencil-item-list-common';\nimport {\n ItemLayout,\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../../common/layout/display-options';\nimport {RecsStore} from '../atomic-recs-interface/store';\n\n/**\n * The `atomic-recs-result` component is used internally by the `atomic-recs-list` component.\n */\n@Component({\n tag: 'atomic-recs-result',\n styleUrl: 'atomic-recs-result.pcss',\n shadow: true,\n})\nexport class AtomicRecsResult {\n private layout!: ItemLayout;\n private resultRootRef?: HTMLElement;\n private linkContainerRef?: HTMLElement;\n private executedRenderingFunctionOnce = false;\n @Element() host!: HTMLElement;\n\n /**\n * Whether an atomic-result-link inside atomic-recs-result should stop click event propagation.\n */\n @Prop() stopPropagation?: boolean;\n\n /**\n * The result link to use when the result is clicked in a grid layout.\n *\n * @default - An `atomic-result-link` without any customization.\n */\n @Prop() linkContent: ParentNode = new DocumentFragment();\n\n /**\n * The result item.\n */\n @Prop() result!: RecsResult;\n\n /**\n * The InteractiveResult item.\n * @internal\n */\n @Prop() interactiveResult!: RecsInteractiveResult;\n\n /**\n * Global Atomic state.\n * @internal\n */\n @Prop() store?: RecsStore;\n\n /**\n * The result content to display.\n */\n @Prop() content?: ParentNode;\n\n /**\n * The layout to apply to display results.\n */\n @Prop() display: ItemDisplayLayout = 'list';\n\n /**\n * The size of the results.\n */\n @Prop() density: ItemDisplayDensity = 'normal';\n\n /**\n * The size of the visual section in result list items.\n *\n * This is overwritten by the image size defined in the result content, if it exists.\n */\n @Prop() imageSize: ItemDisplayImageSize = 'icon';\n\n /**\n * The classes to add to the result element.\n */\n @Prop() classes = '';\n\n /**\n * @internal\n */\n @Prop() loadingFlag?: string;\n\n /**\n * Internal function used by atomic-recs-list in advanced setups, which lets you bypass the standard HTML template system.\n * Particularly useful for Atomic React\n *\n * @internal\n */\n @Prop() renderingFunction: ItemRenderingFunction;\n\n @Listen('click')\n public handleClick(event: MouseEvent) {\n if (this.stopPropagation) {\n event.stopPropagation();\n }\n this.host\n .shadowRoot!.querySelector<HTMLAnchorElement>(\n '.link-container > atomic-result-link a:not([slot])'\n )\n ?.click();\n }\n\n @Listen('atomic/resolveResult')\n public resolveResult(event: ItemContextEvent<RecsResult>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.result);\n }\n\n @Listen('atomic/resolveInteractiveResult')\n public resolveInteractiveResult(event: InteractiveItemContextEvent) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.interactiveResult);\n }\n\n @Listen('atomic/resolveStopPropagation')\n public resolveStopPropagation(event: CustomEvent) {\n event.detail(this.stopPropagation);\n }\n\n @Listen('atomic/resolveResultDisplayConfig')\n public resolveResultDisplayConfig(event: ItemContextEvent<DisplayConfig>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail({\n density: this.density,\n imageSize: this.imageSize!,\n });\n }\n\n public connectedCallback() {\n this.layout = new ItemLayout(\n this.content!.children,\n this.display,\n this.density,\n this.imageSize\n );\n }\n\n private getContentHTML() {\n return parentNodeToString(this.content!);\n }\n\n private getLinkHTML() {\n return parentNodeToString(this.linkContent);\n }\n private get isCustomRenderFunctionMode() {\n return this.renderingFunction !== undefined;\n }\n\n private shouldExecuteRenderFunction() {\n return (\n this.isCustomRenderFunctionMode &&\n this.resultRootRef &&\n !this.executedRenderingFunctionOnce\n );\n }\n\n public render() {\n if (this.isCustomRenderFunctionMode) {\n return (\n <Host class={resultComponentClass}>\n <div\n class=\"result-root\"\n ref={(ref) => (this.resultRootRef = ref)}\n ></div>\n <div\n class=\"link-container\"\n ref={(ref) => (this.linkContainerRef = ref)}\n ></div>\n </Host>\n );\n }\n return (\n // deepcode ignore ReactSetInnerHtml: This is not React code\n <Host class={resultComponentClass}>\n <div\n class={`result-root ${this.layout\n .getClasses()\n .concat(this.classes)\n .join(' ')}`}\n innerHTML={this.getContentHTML()}\n ></div>\n <div class=\"link-container\" innerHTML={this.getLinkHTML()}></div>\n </Host>\n );\n }\n\n public componentDidLoad() {\n if (this.loadingFlag && this.store) {\n this.store.unsetLoadingFlag(this.loadingFlag);\n }\n }\n\n public componentDidRender() {\n if (this.shouldExecuteRenderFunction()) {\n const customRenderOutputAsString = this.renderingFunction!(\n this.result,\n this.resultRootRef!,\n this.linkContainerRef!\n );\n\n this.resultRootRef!.className += ` ${this.layout\n .getClasses(customRenderOutputAsString)\n .concat(this.classes)\n .join(' ')}`;\n\n this.executedRenderingFunctionOnce = true;\n }\n }\n}\n"],"version":3}
1
+ {"file":"atomic-recs-result2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,+kkHAA+kkH,CAAC;AAC5mkH,+BAAe,mBAAmB;;MC8BrB,gBAAgB;;;;;QAInB,kCAA6B,GAAG,KAAK,CAAC;;;;;;QAatC,gBAAW,GAAe,IAAI,gBAAgB,EAAE,CAAC;;;;QA2BjD,YAAO,GAAsB,MAAM,CAAC;;;;QAKpC,YAAO,GAAuB,QAAQ,CAAC;;;;;;QAOvC,cAAS,GAAyB,MAAM,CAAC;;;;QAKzC,YAAO,GAAG,EAAE,CAAC;;2BA5Ca,IAAI,gBAAgB,EAAE;;;;;uBA2BnB,MAAM;uBAKL,QAAQ;yBAOJ,MAAM;uBAK9B,EAAE;;;;IAgBb,WAAW,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;QACD,IAAI,CAAC,IAAI;aACN,UAAW,CAAC,aAAa,CACxB,oDAAoD,CACrD;cACC,KAAK,EAAE,CAAC;KACb;IAGM,aAAa,CAAC,KAAmC;QACtD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;IAGM,wBAAwB,CAAC,KAAkC;QAChE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACtC;IAGM,sBAAsB,CAAC,KAAkB;QAC9C,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACpC;IAGM,0BAA0B,CAAC,KAAsC;QACtE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC;YACX,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAU;SAC3B,CAAC,CAAC;KACJ;IAEM,iBAAiB;QACtB,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAC1B,IAAI,CAAC,OAAQ,CAAC,QAAQ,EACtB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf,CAAC;KACH;IAEO,cAAc;QACpB,OAAO,kBAAkB,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAC;KAC1C;IAEO,WAAW;QACjB,OAAO,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC7C;IACD,IAAY,0BAA0B;QACpC,OAAO,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC;KAC7C;IAEO,2BAA2B;QACjC,QACE,IAAI,CAAC,0BAA0B;YAC/B,IAAI,CAAC,aAAa;YAClB,CAAC,IAAI,CAAC,6BAA6B,EACnC;KACH;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAC/B,WACE,KAAK,EAAC,aAAa,EACnB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,GACnC,EACP,WACE,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,GACtC,CACF,EACP;SACH;QACD;;QAEE,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAC/B,WACE,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM;iBAC9B,UAAU,EAAE;iBACZ,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC,EAAE,EACd,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,GAC3B,EACP,WAAK,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,GAAQ,CAC5D,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC/C;KACF;IAEM,kBAAkB;QACvB,IAAI,IAAI,CAAC,2BAA2B,EAAE,EAAE;YACtC,MAAM,0BAA0B,GAAG,IAAI,CAAC,iBAAkB,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,aAAc,EACnB,IAAI,CAAC,gBAAiB,CACvB,CAAC;YAEF,IAAI,CAAC,aAAc,CAAC,SAAS,IAAI,IAAI,IAAI,CAAC,MAAM;iBAC7C,UAAU,CAAC,0BAA0B,CAAC;iBACtC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAEf,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC;SAC3C;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/recommendations/atomic-recs-result/atomic-recs-result.pcss?tag=atomic-recs-result&encapsulation=shadow","src/components/recommendations/atomic-recs-result/atomic-recs-result.tsx"],"sourcesContent":["@import '../../common/template-system/template-system.pcss';\n\n:host {\n @apply atomic-template-system;\n}\n","import {\n InteractiveResult as RecsInteractiveResult,\n Result as RecsResult,\n} from '@coveo/headless/recommendation';\nimport {Component, h, Prop, Element, Listen, Host} from '@stencil/core';\nimport {parentNodeToString} from '../../../utils/dom-utils';\nimport {\n InteractiveItemContextEvent,\n ItemContextEvent,\n DisplayConfig,\n} from '../../common/item-list/stencil-item-decorators';\nimport {\n ItemRenderingFunction,\n resultComponentClass,\n} from '../../common/item-list/stencil-item-list-common';\nimport {\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '@/src/components/common/layout/display-options';\nimport {RecsStore} from '../atomic-recs-interface/store';\nimport { ItemLayout } from '@/src/components/common/layout/item-layout';\n\n/**\n * The `atomic-recs-result` component is used internally by the `atomic-recs-list` component.\n */\n@Component({\n tag: 'atomic-recs-result',\n styleUrl: 'atomic-recs-result.pcss',\n shadow: true,\n})\nexport class AtomicRecsResult {\n private layout!: ItemLayout;\n private resultRootRef?: HTMLElement;\n private linkContainerRef?: HTMLElement;\n private executedRenderingFunctionOnce = false;\n @Element() host!: HTMLElement;\n\n /**\n * Whether an atomic-result-link inside atomic-recs-result should stop click event propagation.\n */\n @Prop() stopPropagation?: boolean;\n\n /**\n * The result link to use when the result is clicked in a grid layout.\n *\n * @default - An `atomic-result-link` without any customization.\n */\n @Prop() linkContent: ParentNode = new DocumentFragment();\n\n /**\n * The result item.\n */\n @Prop() result!: RecsResult;\n\n /**\n * The InteractiveResult item.\n * @internal\n */\n @Prop() interactiveResult!: RecsInteractiveResult;\n\n /**\n * Global Atomic state.\n * @internal\n */\n @Prop() store?: RecsStore;\n\n /**\n * The result content to display.\n */\n @Prop() content?: ParentNode;\n\n /**\n * The layout to apply to display results.\n */\n @Prop() display: ItemDisplayLayout = 'list';\n\n /**\n * The size of the results.\n */\n @Prop() density: ItemDisplayDensity = 'normal';\n\n /**\n * The size of the visual section in result list items.\n *\n * This is overwritten by the image size defined in the result content, if it exists.\n */\n @Prop() imageSize: ItemDisplayImageSize = 'icon';\n\n /**\n * The classes to add to the result element.\n */\n @Prop() classes = '';\n\n /**\n * @internal\n */\n @Prop() loadingFlag?: string;\n\n /**\n * Internal function used by atomic-recs-list in advanced setups, which lets you bypass the standard HTML template system.\n * Particularly useful for Atomic React\n *\n * @internal\n */\n @Prop() renderingFunction: ItemRenderingFunction;\n\n @Listen('click')\n public handleClick(event: MouseEvent) {\n if (this.stopPropagation) {\n event.stopPropagation();\n }\n this.host\n .shadowRoot!.querySelector<HTMLAnchorElement>(\n '.link-container > atomic-result-link a:not([slot])'\n )\n ?.click();\n }\n\n @Listen('atomic/resolveResult')\n public resolveResult(event: ItemContextEvent<RecsResult>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.result);\n }\n\n @Listen('atomic/resolveInteractiveResult')\n public resolveInteractiveResult(event: InteractiveItemContextEvent) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.interactiveResult);\n }\n\n @Listen('atomic/resolveStopPropagation')\n public resolveStopPropagation(event: CustomEvent) {\n event.detail(this.stopPropagation);\n }\n\n @Listen('atomic/resolveResultDisplayConfig')\n public resolveResultDisplayConfig(event: ItemContextEvent<DisplayConfig>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail({\n density: this.density,\n imageSize: this.imageSize!,\n });\n }\n\n public connectedCallback() {\n this.layout = new ItemLayout(\n this.content!.children,\n this.display,\n this.density,\n this.imageSize\n );\n }\n\n private getContentHTML() {\n return parentNodeToString(this.content!);\n }\n\n private getLinkHTML() {\n return parentNodeToString(this.linkContent);\n }\n private get isCustomRenderFunctionMode() {\n return this.renderingFunction !== undefined;\n }\n\n private shouldExecuteRenderFunction() {\n return (\n this.isCustomRenderFunctionMode &&\n this.resultRootRef &&\n !this.executedRenderingFunctionOnce\n );\n }\n\n public render() {\n if (this.isCustomRenderFunctionMode) {\n return (\n <Host class={resultComponentClass}>\n <div\n class=\"result-root\"\n ref={(ref) => (this.resultRootRef = ref)}\n ></div>\n <div\n class=\"link-container\"\n ref={(ref) => (this.linkContainerRef = ref)}\n ></div>\n </Host>\n );\n }\n return (\n // deepcode ignore ReactSetInnerHtml: This is not React code\n <Host class={resultComponentClass}>\n <div\n class={`result-root ${this.layout\n .getClasses()\n .concat(this.classes)\n .join(' ')}`}\n innerHTML={this.getContentHTML()}\n ></div>\n <div class=\"link-container\" innerHTML={this.getLinkHTML()}></div>\n </Host>\n );\n }\n\n public componentDidLoad() {\n if (this.loadingFlag && this.store) {\n this.store.unsetLoadingFlag(this.loadingFlag);\n }\n }\n\n public componentDidRender() {\n if (this.shouldExecuteRenderFunction()) {\n const customRenderOutputAsString = this.renderingFunction!(\n this.result,\n this.resultRootRef!,\n this.linkContainerRef!\n );\n\n this.resultRootRef!.className += ` ${this.layout\n .getClasses(customRenderOutputAsString)\n .concat(this.classes)\n .join(' ')}`;\n\n this.executedRenderingFunctionOnce = true;\n }\n }\n}\n"],"version":3}
package/dist/atomic/components/atomic-result-list.js CHANGED
@@ -10,7 +10,7 @@ import { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wr
10
10
  import { I as ItemListGuard } from './item-list-guard.js';
11
11
  import { D as DisplayGrid } from './stencil-display-grid.js';
12
12
  import { t as tableElementTagName } from './table-element-utils.js';
13
- import { I as ItemListCommon } from './stencil-item-list-common.js';
13
+ import { I as ItemListCommon } from './item-layout.js';
14
14
  import { g as getItemListDisplayClasses } from './display-options.js';
15
15
  import { s as shouldDisplayOnCurrentTab } from './tab-utils.js';
16
16
  import { d as defineCustomElement$b } from './atomic-result2.js';