@coveo/atomic 3.33.1-pre.d02439e939 → 3.33.1-pre.d80db02f3e

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 (503) hide show
  1. package/dist/atomic/_atomic.esm.js +1 -1
  2. package/dist/atomic/autoloader/index.cjs.js +7 -7
  3. package/dist/atomic/autoloader/index.esm.js +7 -7
  4. package/dist/atomic/components/analytics-config.js +1 -1
  5. package/dist/atomic/components/atomic-insight-result2.js +1 -1
  6. package/dist/atomic/components/atomic-insight-result2.js.map +1 -1
  7. package/dist/atomic/components/atomic-recs-result2.js +1 -1
  8. package/dist/atomic/components/atomic-recs-result2.js.map +1 -1
  9. package/dist/atomic/components/atomic-result-placeholder2.js +1 -1
  10. package/dist/atomic/components/atomic-result-placeholder2.js.map +1 -1
  11. package/dist/atomic/components/atomic-result2.js +1 -1
  12. package/dist/atomic/components/atomic-result2.js.map +1 -1
  13. package/dist/atomic/components/atomic-stencil-facet-date-input.js +5 -4
  14. package/dist/atomic/components/atomic-stencil-facet-date-input.js.map +1 -1
  15. package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +9 -3
  16. package/dist/atomic/components/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js +13 -3
  17. package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js +2 -3
  18. package/dist/atomic/components/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js +3 -3
  19. package/dist/atomic/components/components/commerce/atomic-commerce-pager/atomic-commerce-pager.js +2 -7
  20. package/dist/atomic/components/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.js +9 -13
  21. package/dist/atomic/components/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js +3 -3
  22. package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js +1 -1
  23. package/dist/atomic/components/components/commerce/atomic-product-price/atomic-product-price.js +7 -5
  24. package/dist/atomic/components/components/commerce/atomic-product-section-metadata/atomic-product-section-metadata.js +2 -2
  25. package/dist/atomic/components/components/commerce/atomic-product-template/atomic-product-template.js +12 -0
  26. package/dist/atomic/components/components/common/atomic-facet-date-input/atomic-facet-date-input.js +1 -0
  27. package/dist/atomic/components/components/common/facets/facet-common.tw.css.js +3 -2
  28. package/dist/atomic/components/components/common/facets/facet-search/facet-search.tw.css.js +3 -2
  29. package/dist/atomic/components/components/common/facets/facet-value-box/facet-value-box.tw.css.js +3 -2
  30. package/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.js +3 -2
  31. package/dist/atomic/components/components/common/facets/facet-value-exclude/facet-value-exclude.tw.css.js +3 -2
  32. package/dist/atomic/components/components/common/facets/numeric-facet-common.tw.css.js +9 -3
  33. package/dist/atomic/components/components/search/atomic-results-per-page/atomic-results-per-page.js +9 -13
  34. package/dist/atomic/components/global/environment.js +1 -1
  35. package/dist/atomic/components/initialization-utils.js +1 -1
  36. package/dist/atomic/components/initialization-utils.js.map +1 -1
  37. package/dist/atomic/index.esm.js +1 -1
  38. package/dist/atomic/{p-cbdb8d78.entry.js → p-02916ea5.entry.js} +2 -2
  39. package/dist/atomic/{p-66dd8761.entry.js → p-04eac5bb.entry.js} +2 -2
  40. package/dist/atomic/p-100da102.entry.js +2 -0
  41. package/dist/atomic/{p-3f5b0f2c.entry.js.map → p-100da102.entry.js.map} +1 -1
  42. package/dist/atomic/{p-dcb930e7.entry.js → p-12ae2cb5.entry.js} +2 -2
  43. package/dist/atomic/{p-7056c717.entry.js → p-190ddaca.entry.js} +2 -2
  44. package/dist/atomic/{p-ff653000.entry.js → p-1a85f534.entry.js} +2 -2
  45. package/dist/atomic/{p-53070229.entry.js → p-1d25f4f6.entry.js} +2 -2
  46. package/dist/atomic/{p-58fe83ae.entry.js → p-1f051791.entry.js} +2 -2
  47. package/dist/atomic/p-1f059522.js +2 -0
  48. package/dist/atomic/{p-8044bbe4.entry.js → p-1f0caae5.entry.js} +2 -2
  49. package/dist/atomic/{p-7814e1ed.entry.js → p-1ff7a9da.entry.js} +2 -2
  50. package/dist/atomic/{p-113cc160.entry.js → p-2067ddd9.entry.js} +2 -2
  51. package/dist/atomic/{p-0167ba21.entry.js → p-217bf533.entry.js} +2 -2
  52. package/dist/atomic/{p-4aeb5e8f.entry.js → p-246cbaa1.entry.js} +2 -2
  53. package/dist/atomic/{p-e392095a.entry.js → p-247f958f.entry.js} +2 -2
  54. package/dist/atomic/{p-e5a5b612.entry.js → p-25b7f550.entry.js} +2 -2
  55. package/dist/atomic/{p-421850f9.entry.js → p-278ab207.entry.js} +2 -2
  56. package/dist/atomic/{p-83f46502.entry.js → p-2aa17085.entry.js} +2 -2
  57. package/dist/atomic/{p-f9289f2f.entry.js → p-2c470abb.entry.js} +2 -2
  58. package/dist/atomic/{p-0839dd37.entry.js → p-2ca995a8.entry.js} +2 -2
  59. package/dist/atomic/{p-0867bc7a.entry.js → p-2e29235a.entry.js} +2 -2
  60. package/dist/atomic/{p-48c8a766.entry.js → p-3184b9dd.entry.js} +2 -2
  61. package/dist/atomic/{p-c3004f08.entry.js → p-33706247.entry.js} +2 -2
  62. package/dist/atomic/{p-b6c5584a.entry.js → p-34e2ce65.entry.js} +2 -2
  63. package/dist/atomic/{p-31aa63b8.entry.js → p-359db801.entry.js} +2 -2
  64. package/dist/atomic/{p-62dbc255.entry.js → p-38da94bb.entry.js} +2 -2
  65. package/dist/atomic/p-3bda3e96.entry.js +2 -0
  66. package/dist/atomic/{p-64eea96f.entry.js.map → p-3bda3e96.entry.js.map} +1 -1
  67. package/dist/atomic/{p-6083c9be.entry.js → p-4117b4d5.entry.js} +2 -2
  68. package/dist/atomic/{p-6ad9e0c8.entry.js → p-412b233b.entry.js} +2 -2
  69. package/dist/atomic/{p-d1e45cc0.entry.js → p-42ac53c4.entry.js} +2 -2
  70. package/dist/atomic/{p-2fd28743.entry.js → p-459b06be.entry.js} +2 -2
  71. package/dist/atomic/{p-dc89e560.entry.js → p-4b3b6fb8.entry.js} +2 -2
  72. package/dist/atomic/{p-1442d3c3.entry.js → p-4c94890c.entry.js} +2 -2
  73. package/dist/atomic/{p-d3ee28ba.entry.js → p-4cd08443.entry.js} +2 -2
  74. package/dist/atomic/{p-5afe99b1.entry.js → p-4d50c09c.entry.js} +2 -2
  75. package/dist/atomic/{p-a6be5ee3.entry.js → p-5023f797.entry.js} +2 -2
  76. package/dist/atomic/{p-09934c1e.entry.js → p-502767f1.entry.js} +2 -2
  77. package/dist/atomic/{p-731b7ad8.entry.js → p-50467793.entry.js} +2 -2
  78. package/dist/atomic/{p-882a99f5.entry.js → p-52b8f27e.entry.js} +2 -2
  79. package/dist/atomic/{p-4eb5bc54.entry.js → p-5c8e396c.entry.js} +2 -2
  80. package/dist/atomic/{p-1f4f26ee.entry.js → p-61aab132.entry.js} +2 -2
  81. package/dist/atomic/{p-8b6aaeed.entry.js → p-6258d0bc.entry.js} +2 -2
  82. package/dist/atomic/{p-0c076058.entry.js → p-642480f7.entry.js} +2 -2
  83. package/dist/atomic/{p-c19a9af4.entry.js → p-64f00831.entry.js} +2 -2
  84. package/dist/atomic/{p-3e162b22.entry.js → p-683b817c.entry.js} +2 -2
  85. package/dist/atomic/{p-fb26a29f.entry.js → p-69511e1e.entry.js} +2 -2
  86. package/dist/atomic/{p-8d0b9f5a.entry.js → p-69e1b708.entry.js} +2 -2
  87. package/dist/atomic/{p-64c9a9ef.entry.js → p-6aeccefe.entry.js} +2 -2
  88. package/dist/atomic/{p-ac8941e8.entry.js → p-6ec1bc34.entry.js} +2 -2
  89. package/dist/atomic/{p-7464f00a.entry.js → p-7104baaf.entry.js} +2 -2
  90. package/dist/atomic/p-75851b6c.entry.js +2 -0
  91. package/dist/atomic/{p-230401e2.entry.js.map → p-75851b6c.entry.js.map} +1 -1
  92. package/dist/atomic/{p-ce974d50.entry.js → p-78427c6a.entry.js} +2 -2
  93. package/dist/atomic/{p-d172edcc.entry.js → p-7eca77b0.entry.js} +2 -2
  94. package/dist/atomic/{p-ab55ee64.entry.js → p-81bc2e2b.entry.js} +2 -2
  95. package/dist/atomic/{p-617090d1.entry.js → p-81fadd38.entry.js} +2 -2
  96. package/dist/atomic/{p-579c5b46.entry.js → p-8250bad6.entry.js} +2 -2
  97. package/dist/atomic/{p-8b80d576.entry.js → p-88e0e6aa.entry.js} +2 -2
  98. package/dist/atomic/{p-cd39ba3c.entry.js → p-89240b2f.entry.js} +2 -2
  99. package/dist/atomic/{p-27064d6e.entry.js → p-8b70f39a.entry.js} +2 -2
  100. package/dist/atomic/p-8ef0e022.entry.js +2 -0
  101. package/dist/atomic/{p-1e21a920.entry.js → p-90bff784.entry.js} +2 -2
  102. package/dist/atomic/{p-412e9a6d.entry.js → p-9389351e.entry.js} +2 -2
  103. package/dist/atomic/{p-24cae323.entry.js → p-945ddd53.entry.js} +2 -2
  104. package/dist/atomic/{p-2d1d5cd9.entry.js → p-98babd8f.entry.js} +2 -2
  105. package/dist/atomic/{p-5a140589.entry.js → p-990a8267.entry.js} +2 -2
  106. package/dist/atomic/{p-9a72f043.entry.js → p-9a4f8b13.entry.js} +2 -2
  107. package/dist/atomic/{p-f2bae47c.entry.js → p-9e5e1672.entry.js} +2 -2
  108. package/dist/atomic/{p-c35fb052.entry.js → p-a1b0d435.entry.js} +2 -2
  109. package/dist/atomic/{p-742bd3cb.entry.js → p-a943aa9b.entry.js} +2 -2
  110. package/dist/atomic/{p-5db0ffd7.entry.js → p-ab95fe33.entry.js} +2 -2
  111. package/dist/atomic/{p-fbacb7a0.entry.js → p-ad51fa72.entry.js} +2 -2
  112. package/dist/atomic/{p-09a5ef74.entry.js → p-b1406e15.entry.js} +2 -2
  113. package/dist/atomic/{p-77ae34ce.entry.js → p-b2041636.entry.js} +2 -2
  114. package/dist/atomic/p-b3f6561d.entry.js +2 -0
  115. package/dist/atomic/{p-91d64c67.entry.js → p-b4013cce.entry.js} +2 -2
  116. package/dist/atomic/{p-a3aaf456.entry.js → p-b42847c8.entry.js} +2 -2
  117. package/dist/atomic/{p-4cda93be.entry.js → p-bf4dc429.entry.js} +2 -2
  118. package/dist/atomic/{p-2a7ac870.entry.js → p-c77eadab.entry.js} +2 -2
  119. package/dist/atomic/{p-a2b3dfd0.entry.js → p-c9d8ae11.entry.js} +2 -2
  120. package/dist/atomic/{p-f5f8990e.entry.js → p-ca984630.entry.js} +2 -2
  121. package/dist/atomic/{p-5ed976df.entry.js → p-cb095aad.entry.js} +2 -2
  122. package/dist/atomic/{p-8c80991f.entry.js → p-ce0ad22b.entry.js} +2 -2
  123. package/dist/atomic/{p-d5628c4c.entry.js → p-ce83d873.entry.js} +2 -2
  124. package/dist/atomic/{p-eb026d69.entry.js → p-d03b1383.entry.js} +2 -2
  125. package/dist/atomic/{p-512143ef.entry.js → p-d1d34162.entry.js} +2 -2
  126. package/dist/atomic/{p-005dcc88.entry.js → p-d2b9e35e.entry.js} +2 -2
  127. package/dist/atomic/{p-db9ca9c3.entry.js → p-d36bd808.entry.js} +2 -2
  128. package/dist/atomic/{p-31d3304c.entry.js → p-d52555b5.entry.js} +2 -2
  129. package/dist/atomic/p-d824c0c2.entry.js +2 -0
  130. package/dist/atomic/{p-bddc94b1.entry.js.map → p-d824c0c2.entry.js.map} +1 -1
  131. package/dist/atomic/{p-110e4da7.js → p-d8c5e7b0.js} +2 -2
  132. package/dist/atomic/{p-5c813055.entry.js → p-dd214aa9.entry.js} +2 -2
  133. package/dist/atomic/{p-444bff80.entry.js → p-dd2bf761.entry.js} +2 -2
  134. package/dist/atomic/{p-d3e1a9aa.entry.js → p-df117f76.entry.js} +2 -2
  135. package/dist/atomic/{p-04481727.entry.js → p-e428af65.entry.js} +2 -2
  136. package/dist/atomic/{p-e36ca215.js → p-e5105750.js} +2 -2
  137. package/dist/atomic/{p-3ca9ced1.entry.js → p-e9dc8e90.entry.js} +2 -2
  138. package/dist/atomic/{p-c727cd49.entry.js → p-ea781e46.entry.js} +2 -2
  139. package/dist/atomic/{p-2b76b255.entry.js → p-eeefa262.entry.js} +2 -2
  140. package/dist/atomic/{p-db3dce80.entry.js → p-f52ae387.entry.js} +2 -2
  141. package/dist/atomic/{p-4dd88abc.entry.js → p-f9c9d7a4.entry.js} +2 -2
  142. package/dist/atomic/p-fc6beee6.entry.js +2 -0
  143. package/dist/atomic/p-fc6beee6.entry.js.map +1 -0
  144. package/dist/atomic/{p-e43fe680.entry.js → p-fd373189.entry.js} +2 -2
  145. package/dist/atomic/{p-22ef68f4.entry.js → p-fe6aac5e.entry.js} +2 -2
  146. package/dist/atomic/{p-e4f99519.js → p-ff2d324d.js} +1 -1
  147. package/dist/atomic/p-ff2d324d.js.map +1 -0
  148. package/dist/cjs/_index.cjs.js +1 -1
  149. package/dist/cjs/{analytics-config-bf9ca846.js → analytics-config-9a880e5f.js} +2 -2
  150. package/dist/cjs/{analytics-config-bf9ca846.js.map → analytics-config-9a880e5f.js.map} +1 -1
  151. package/dist/cjs/atomic-automatic-facet_2.cjs.entry.js +1 -1
  152. package/dist/cjs/atomic-breadbox.cjs.entry.js +1 -1
  153. package/dist/cjs/atomic-category-facet.cjs.entry.js +2 -2
  154. package/dist/cjs/atomic-color-facet.cjs.entry.js +1 -1
  155. package/dist/cjs/atomic-did-you-mean.cjs.entry.js +1 -1
  156. package/dist/cjs/atomic-facet-manager.cjs.entry.js +1 -1
  157. package/dist/cjs/atomic-facet.cjs.entry.js +2 -2
  158. package/dist/cjs/atomic-focus-trap_2.cjs.entry.js +1 -1
  159. package/dist/cjs/atomic-folded-result-list.cjs.entry.js +1 -1
  160. package/dist/cjs/atomic-generated-answer-feedback-modal.cjs.entry.js +1 -1
  161. package/dist/cjs/atomic-generated-answer.cjs.entry.js +1 -1
  162. package/dist/cjs/atomic-html.cjs.entry.js +1 -1
  163. package/dist/cjs/atomic-insight-facet.cjs.entry.js +2 -2
  164. package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js +1 -1
  165. package/dist/cjs/atomic-insight-full-search-button.cjs.entry.js +1 -1
  166. package/dist/cjs/atomic-insight-generated-answer.cjs.entry.js +1 -1
  167. package/dist/cjs/atomic-insight-interface.cjs.entry.js +1 -1
  168. package/dist/cjs/atomic-insight-layout.cjs.entry.js +1 -1
  169. package/dist/cjs/atomic-insight-no-results.cjs.entry.js +1 -1
  170. package/dist/cjs/atomic-insight-numeric-facet.cjs.entry.js +2 -2
  171. package/dist/cjs/atomic-insight-pager.cjs.entry.js +1 -1
  172. package/dist/cjs/atomic-insight-query-error.cjs.entry.js +1 -1
  173. package/dist/cjs/atomic-insight-query-summary.cjs.entry.js +1 -1
  174. package/dist/cjs/atomic-insight-refine-modal.cjs.entry.js +1 -1
  175. package/dist/cjs/atomic-insight-refine-toggle.cjs.entry.js +1 -1
  176. package/dist/cjs/atomic-insight-result-action.cjs.entry.js +1 -1
  177. package/dist/cjs/atomic-insight-result-attach-to-case-action.cjs.entry.js +1 -1
  178. package/dist/cjs/atomic-insight-result-attach-to-case-indicator.cjs.entry.js +1 -1
  179. package/dist/cjs/atomic-insight-result-children.cjs.entry.js +1 -1
  180. package/dist/cjs/atomic-insight-result-list.cjs.entry.js +1 -1
  181. package/dist/cjs/atomic-insight-result-quickview-action.cjs.entry.js +1 -1
  182. package/dist/cjs/atomic-insight-result.cjs.entry.js +1 -1
  183. package/dist/cjs/atomic-insight-result.cjs.entry.js.map +1 -1
  184. package/dist/cjs/atomic-insight-search-box.cjs.entry.js +1 -1
  185. package/dist/cjs/atomic-insight-smart-snippet-feedback-modal.cjs.entry.js +1 -1
  186. package/dist/cjs/atomic-insight-smart-snippet-suggestions.cjs.entry.js +1 -1
  187. package/dist/cjs/atomic-insight-smart-snippet.cjs.entry.js +1 -1
  188. package/dist/cjs/atomic-insight-tab.cjs.entry.js +1 -1
  189. package/dist/cjs/atomic-insight-tabs.cjs.entry.js +1 -1
  190. package/dist/cjs/atomic-insight-timeframe-facet.cjs.entry.js +2 -2
  191. package/dist/cjs/atomic-insight-user-actions-modal.cjs.entry.js +1 -1
  192. package/dist/cjs/atomic-insight-user-actions-session_2.cjs.entry.js +1 -1
  193. package/dist/cjs/atomic-insight-user-actions-toggle.cjs.entry.js +1 -1
  194. package/dist/cjs/atomic-ipx-body.cjs.entry.js +1 -1
  195. package/dist/cjs/atomic-ipx-button.cjs.entry.js +1 -1
  196. package/dist/cjs/atomic-ipx-embedded.cjs.entry.js +1 -1
  197. package/dist/cjs/atomic-ipx-modal.cjs.entry.js +1 -1
  198. package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js +1 -1
  199. package/dist/cjs/atomic-ipx-refine-modal.cjs.entry.js +1 -1
  200. package/dist/cjs/atomic-ipx-refine-toggle.cjs.entry.js +1 -1
  201. package/dist/cjs/atomic-ipx-result-link.cjs.entry.js +1 -1
  202. package/dist/cjs/atomic-ipx-tab.cjs.entry.js +1 -1
  203. package/dist/cjs/atomic-ipx-tabs.cjs.entry.js +1 -1
  204. package/dist/cjs/atomic-load-more-results.cjs.entry.js +1 -1
  205. package/dist/cjs/atomic-no-results.cjs.entry.js +1 -1
  206. package/dist/cjs/atomic-notifications.cjs.entry.js +1 -1
  207. package/dist/cjs/atomic-numeric-facet.cjs.entry.js +2 -2
  208. package/dist/cjs/atomic-pager.cjs.entry.js +1 -1
  209. package/dist/cjs/atomic-popover.cjs.entry.js +1 -1
  210. package/dist/cjs/atomic-query-error.cjs.entry.js +1 -1
  211. package/dist/cjs/atomic-query-summary.cjs.entry.js +1 -1
  212. package/dist/cjs/atomic-quickview-modal.cjs.entry.js +1 -1
  213. package/dist/cjs/atomic-quickview.cjs.entry.js +1 -1
  214. package/dist/cjs/atomic-rating-facet.cjs.entry.js +1 -1
  215. package/dist/cjs/atomic-rating-range-facet.cjs.entry.js +1 -1
  216. package/dist/cjs/atomic-recs-error.cjs.entry.js +1 -1
  217. package/dist/cjs/atomic-recs-interface.cjs.entry.js +1 -1
  218. package/dist/cjs/atomic-recs-list.cjs.entry.js +1 -1
  219. package/dist/cjs/atomic-recs-result.cjs.entry.js +1 -1
  220. package/dist/cjs/atomic-recs-result.cjs.entry.js.map +1 -1
  221. package/dist/cjs/atomic-refine-modal.cjs.entry.js +1 -1
  222. package/dist/cjs/atomic-refine-toggle.cjs.entry.js +1 -1
  223. package/dist/cjs/atomic-result-children.cjs.entry.js +1 -1
  224. package/dist/cjs/atomic-result-date.cjs.entry.js +1 -1
  225. package/dist/cjs/atomic-result-html.cjs.entry.js +1 -1
  226. package/dist/cjs/atomic-result-image.cjs.entry.js +1 -1
  227. package/dist/cjs/atomic-result-link.cjs.entry.js +1 -1
  228. package/dist/cjs/atomic-result-list.cjs.entry.js +1 -1
  229. package/dist/cjs/atomic-result-localized-text.cjs.entry.js +1 -1
  230. package/dist/cjs/atomic-result-multi-value-text.cjs.entry.js +1 -1
  231. package/dist/cjs/atomic-result-number.cjs.entry.js +1 -1
  232. package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js +1 -1
  233. package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js.map +1 -1
  234. package/dist/cjs/atomic-result-printable-uri.cjs.entry.js +1 -1
  235. package/dist/cjs/atomic-result-rating.cjs.entry.js +1 -1
  236. package/dist/cjs/atomic-result-text_2.cjs.entry.js +1 -1
  237. package/dist/cjs/atomic-result-timespan.cjs.entry.js +1 -1
  238. package/dist/cjs/atomic-result.cjs.entry.js +1 -1
  239. package/dist/cjs/atomic-result.cjs.entry.js.map +1 -1
  240. package/dist/cjs/atomic-search-box.cjs.entry.js +1 -1
  241. package/dist/cjs/atomic-search-interface.cjs.entry.js +1 -1
  242. package/dist/cjs/atomic-search-layout.cjs.entry.js +1 -1
  243. package/dist/cjs/atomic-segmented-facet-scrollable.cjs.entry.js +1 -1
  244. package/dist/cjs/atomic-segmented-facet.cjs.entry.js +1 -1
  245. package/dist/cjs/atomic-smart-snippet-answer_2.cjs.entry.js +1 -1
  246. package/dist/cjs/atomic-smart-snippet-collapse-wrapper_2.cjs.entry.js +1 -1
  247. package/dist/cjs/atomic-smart-snippet-feedback-modal.cjs.entry.js +1 -1
  248. package/dist/cjs/atomic-smart-snippet-suggestions.cjs.entry.js +1 -1
  249. package/dist/cjs/atomic-smart-snippet.cjs.entry.js +1 -1
  250. package/dist/cjs/atomic-sort-dropdown.cjs.entry.js +1 -1
  251. package/dist/cjs/atomic-stencil-facet-date-input.cjs.entry.js +5 -4
  252. package/dist/cjs/atomic-stencil-facet-date-input.cjs.entry.js.map +1 -1
  253. package/dist/cjs/atomic-tab-bar_2.cjs.entry.js +1 -1
  254. package/dist/cjs/atomic-tab-manager.cjs.entry.js +1 -1
  255. package/dist/cjs/atomic-timeframe-facet.cjs.entry.js +2 -2
  256. package/dist/cjs/{facet-guard-1f250e99.js → facet-guard-328b588d.js} +2 -2
  257. package/dist/cjs/{facet-guard-1f250e99.js.map → facet-guard-328b588d.js.map} +1 -1
  258. package/dist/cjs/{initialization-utils-381854d1.js → initialization-utils-92f1b080.js} +2 -2
  259. package/dist/cjs/initialization-utils-92f1b080.js.map +1 -0
  260. package/dist/cjs/{timeframe-facet-common-f0e15fe8.js → timeframe-facet-common-4c852fc9.js} +2 -2
  261. package/dist/cjs/{timeframe-facet-common-f0e15fe8.js.map → timeframe-facet-common-4c852fc9.js.map} +1 -1
  262. package/dist/cjs/version.cjs.js +2 -2
  263. package/dist/esm/_index.js +1 -1
  264. package/dist/esm/{analytics-config-a68c66e6.js → analytics-config-f9b59f96.js} +2 -2
  265. package/dist/esm/{analytics-config-a68c66e6.js.map → analytics-config-f9b59f96.js.map} +1 -1
  266. package/dist/esm/atomic-automatic-facet_2.entry.js +1 -1
  267. package/dist/esm/atomic-breadbox.entry.js +1 -1
  268. package/dist/esm/atomic-category-facet.entry.js +2 -2
  269. package/dist/esm/atomic-color-facet.entry.js +1 -1
  270. package/dist/esm/atomic-did-you-mean.entry.js +1 -1
  271. package/dist/esm/atomic-facet-manager.entry.js +1 -1
  272. package/dist/esm/atomic-facet.entry.js +2 -2
  273. package/dist/esm/atomic-focus-trap_2.entry.js +1 -1
  274. package/dist/esm/atomic-folded-result-list.entry.js +1 -1
  275. package/dist/esm/atomic-generated-answer-feedback-modal.entry.js +1 -1
  276. package/dist/esm/atomic-generated-answer.entry.js +1 -1
  277. package/dist/esm/atomic-html.entry.js +1 -1
  278. package/dist/esm/atomic-insight-facet.entry.js +2 -2
  279. package/dist/esm/atomic-insight-folded-result-list.entry.js +1 -1
  280. package/dist/esm/atomic-insight-full-search-button.entry.js +1 -1
  281. package/dist/esm/atomic-insight-generated-answer.entry.js +1 -1
  282. package/dist/esm/atomic-insight-interface.entry.js +1 -1
  283. package/dist/esm/atomic-insight-layout.entry.js +1 -1
  284. package/dist/esm/atomic-insight-no-results.entry.js +1 -1
  285. package/dist/esm/atomic-insight-numeric-facet.entry.js +2 -2
  286. package/dist/esm/atomic-insight-pager.entry.js +1 -1
  287. package/dist/esm/atomic-insight-query-error.entry.js +1 -1
  288. package/dist/esm/atomic-insight-query-summary.entry.js +1 -1
  289. package/dist/esm/atomic-insight-refine-modal.entry.js +1 -1
  290. package/dist/esm/atomic-insight-refine-toggle.entry.js +1 -1
  291. package/dist/esm/atomic-insight-result-action.entry.js +1 -1
  292. package/dist/esm/atomic-insight-result-attach-to-case-action.entry.js +1 -1
  293. package/dist/esm/atomic-insight-result-attach-to-case-indicator.entry.js +1 -1
  294. package/dist/esm/atomic-insight-result-children.entry.js +1 -1
  295. package/dist/esm/atomic-insight-result-list.entry.js +1 -1
  296. package/dist/esm/atomic-insight-result-quickview-action.entry.js +1 -1
  297. package/dist/esm/atomic-insight-result.entry.js +1 -1
  298. package/dist/esm/atomic-insight-result.entry.js.map +1 -1
  299. package/dist/esm/atomic-insight-search-box.entry.js +1 -1
  300. package/dist/esm/atomic-insight-smart-snippet-feedback-modal.entry.js +1 -1
  301. package/dist/esm/atomic-insight-smart-snippet-suggestions.entry.js +1 -1
  302. package/dist/esm/atomic-insight-smart-snippet.entry.js +1 -1
  303. package/dist/esm/atomic-insight-tab.entry.js +1 -1
  304. package/dist/esm/atomic-insight-tabs.entry.js +1 -1
  305. package/dist/esm/atomic-insight-timeframe-facet.entry.js +2 -2
  306. package/dist/esm/atomic-insight-user-actions-modal.entry.js +1 -1
  307. package/dist/esm/atomic-insight-user-actions-session_2.entry.js +1 -1
  308. package/dist/esm/atomic-insight-user-actions-toggle.entry.js +1 -1
  309. package/dist/esm/atomic-ipx-body.entry.js +1 -1
  310. package/dist/esm/atomic-ipx-button.entry.js +1 -1
  311. package/dist/esm/atomic-ipx-embedded.entry.js +1 -1
  312. package/dist/esm/atomic-ipx-modal.entry.js +1 -1
  313. package/dist/esm/atomic-ipx-recs-list.entry.js +1 -1
  314. package/dist/esm/atomic-ipx-refine-modal.entry.js +1 -1
  315. package/dist/esm/atomic-ipx-refine-toggle.entry.js +1 -1
  316. package/dist/esm/atomic-ipx-result-link.entry.js +1 -1
  317. package/dist/esm/atomic-ipx-tab.entry.js +1 -1
  318. package/dist/esm/atomic-ipx-tabs.entry.js +1 -1
  319. package/dist/esm/atomic-load-more-results.entry.js +1 -1
  320. package/dist/esm/atomic-no-results.entry.js +1 -1
  321. package/dist/esm/atomic-notifications.entry.js +1 -1
  322. package/dist/esm/atomic-numeric-facet.entry.js +2 -2
  323. package/dist/esm/atomic-pager.entry.js +1 -1
  324. package/dist/esm/atomic-popover.entry.js +1 -1
  325. package/dist/esm/atomic-query-error.entry.js +1 -1
  326. package/dist/esm/atomic-query-summary.entry.js +1 -1
  327. package/dist/esm/atomic-quickview-modal.entry.js +1 -1
  328. package/dist/esm/atomic-quickview.entry.js +1 -1
  329. package/dist/esm/atomic-rating-facet.entry.js +1 -1
  330. package/dist/esm/atomic-rating-range-facet.entry.js +1 -1
  331. package/dist/esm/atomic-recs-error.entry.js +1 -1
  332. package/dist/esm/atomic-recs-interface.entry.js +1 -1
  333. package/dist/esm/atomic-recs-list.entry.js +1 -1
  334. package/dist/esm/atomic-recs-result.entry.js +1 -1
  335. package/dist/esm/atomic-recs-result.entry.js.map +1 -1
  336. package/dist/esm/atomic-refine-modal.entry.js +1 -1
  337. package/dist/esm/atomic-refine-toggle.entry.js +1 -1
  338. package/dist/esm/atomic-result-children.entry.js +1 -1
  339. package/dist/esm/atomic-result-date.entry.js +1 -1
  340. package/dist/esm/atomic-result-html.entry.js +1 -1
  341. package/dist/esm/atomic-result-image.entry.js +1 -1
  342. package/dist/esm/atomic-result-link.entry.js +1 -1
  343. package/dist/esm/atomic-result-list.entry.js +1 -1
  344. package/dist/esm/atomic-result-localized-text.entry.js +1 -1
  345. package/dist/esm/atomic-result-multi-value-text.entry.js +1 -1
  346. package/dist/esm/atomic-result-number.entry.js +1 -1
  347. package/dist/esm/atomic-result-placeholder_8.entry.js +1 -1
  348. package/dist/esm/atomic-result-placeholder_8.entry.js.map +1 -1
  349. package/dist/esm/atomic-result-printable-uri.entry.js +1 -1
  350. package/dist/esm/atomic-result-rating.entry.js +1 -1
  351. package/dist/esm/atomic-result-text_2.entry.js +1 -1
  352. package/dist/esm/atomic-result-timespan.entry.js +1 -1
  353. package/dist/esm/atomic-result.entry.js +1 -1
  354. package/dist/esm/atomic-result.entry.js.map +1 -1
  355. package/dist/esm/atomic-search-box.entry.js +1 -1
  356. package/dist/esm/atomic-search-interface.entry.js +1 -1
  357. package/dist/esm/atomic-search-layout.entry.js +1 -1
  358. package/dist/esm/atomic-segmented-facet-scrollable.entry.js +1 -1
  359. package/dist/esm/atomic-segmented-facet.entry.js +1 -1
  360. package/dist/esm/atomic-smart-snippet-answer_2.entry.js +1 -1
  361. package/dist/esm/atomic-smart-snippet-collapse-wrapper_2.entry.js +1 -1
  362. package/dist/esm/atomic-smart-snippet-feedback-modal.entry.js +1 -1
  363. package/dist/esm/atomic-smart-snippet-suggestions.entry.js +1 -1
  364. package/dist/esm/atomic-smart-snippet.entry.js +1 -1
  365. package/dist/esm/atomic-sort-dropdown.entry.js +1 -1
  366. package/dist/esm/atomic-stencil-facet-date-input.entry.js +5 -4
  367. package/dist/esm/atomic-stencil-facet-date-input.entry.js.map +1 -1
  368. package/dist/esm/atomic-tab-bar_2.entry.js +1 -1
  369. package/dist/esm/atomic-tab-manager.entry.js +1 -1
  370. package/dist/esm/atomic-timeframe-facet.entry.js +2 -2
  371. package/dist/esm/{facet-guard-fbd379cf.js → facet-guard-4b795e90.js} +2 -2
  372. package/dist/esm/{facet-guard-fbd379cf.js.map → facet-guard-4b795e90.js.map} +1 -1
  373. package/dist/esm/{initialization-utils-271aa8c0.js → initialization-utils-ffbc4136.js} +2 -2
  374. package/dist/esm/initialization-utils-ffbc4136.js.map +1 -0
  375. package/dist/esm/{timeframe-facet-common-9a91138c.js → timeframe-facet-common-db821dce.js} +2 -2
  376. package/dist/esm/{timeframe-facet-common-9a91138c.js.map → timeframe-facet-common-db821dce.js.map} +1 -1
  377. package/dist/esm/version.js +2 -2
  378. package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts +12 -0
  379. package/dist/types/components/common/facets/facet-value-box/facet-value-box.tw.css.d.ts +2 -0
  380. package/dist/types/components/common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.d.ts +2 -0
  381. package/dist/types/components/common/facets/facet-value-exclude/facet-value-exclude.tw.css.d.ts +2 -0
  382. package/dist/types/components/common/facets/numeric-facet-common.tw.css.d.ts +2 -0
  383. package/dist/types/components/common/stencil-hidden.d.ts +1 -1
  384. package/docs/atomic-docs.json +1 -1
  385. package/package.json +3 -3
  386. package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.tw.css.js +0 -4
  387. package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.tw.css.js +0 -3
  388. package/dist/atomic/components/components/common/pager/pager-guard.js +0 -6
  389. package/dist/atomic/components/directives/display-if.js +0 -42
  390. package/dist/atomic/p-230401e2.entry.js +0 -2
  391. package/dist/atomic/p-3f5b0f2c.entry.js +0 -2
  392. package/dist/atomic/p-64eea96f.entry.js +0 -2
  393. package/dist/atomic/p-995b31cf.entry.js +0 -2
  394. package/dist/atomic/p-995b31cf.entry.js.map +0 -1
  395. package/dist/atomic/p-bddc94b1.entry.js +0 -2
  396. package/dist/atomic/p-c55891c7.js +0 -2
  397. package/dist/atomic/p-d5d1c5c0.entry.js +0 -2
  398. package/dist/atomic/p-e4f99519.js.map +0 -1
  399. package/dist/atomic/p-ffedf24d.entry.js +0 -2
  400. package/dist/cjs/initialization-utils-381854d1.js.map +0 -1
  401. package/dist/esm/initialization-utils-271aa8c0.js.map +0 -1
  402. package/dist/types/components/common/pager/pager-guard.d.ts +0 -8
  403. package/dist/types/directives/display-if.d.ts +0 -28
  404. /package/dist/atomic/{p-cbdb8d78.entry.js.map → p-02916ea5.entry.js.map} +0 -0
  405. /package/dist/atomic/{p-66dd8761.entry.js.map → p-04eac5bb.entry.js.map} +0 -0
  406. /package/dist/atomic/{p-dcb930e7.entry.js.map → p-12ae2cb5.entry.js.map} +0 -0
  407. /package/dist/atomic/{p-7056c717.entry.js.map → p-190ddaca.entry.js.map} +0 -0
  408. /package/dist/atomic/{p-ff653000.entry.js.map → p-1a85f534.entry.js.map} +0 -0
  409. /package/dist/atomic/{p-53070229.entry.js.map → p-1d25f4f6.entry.js.map} +0 -0
  410. /package/dist/atomic/{p-58fe83ae.entry.js.map → p-1f051791.entry.js.map} +0 -0
  411. /package/dist/atomic/{p-c55891c7.js.map → p-1f059522.js.map} +0 -0
  412. /package/dist/atomic/{p-8044bbe4.entry.js.map → p-1f0caae5.entry.js.map} +0 -0
  413. /package/dist/atomic/{p-7814e1ed.entry.js.map → p-1ff7a9da.entry.js.map} +0 -0
  414. /package/dist/atomic/{p-113cc160.entry.js.map → p-2067ddd9.entry.js.map} +0 -0
  415. /package/dist/atomic/{p-0167ba21.entry.js.map → p-217bf533.entry.js.map} +0 -0
  416. /package/dist/atomic/{p-4aeb5e8f.entry.js.map → p-246cbaa1.entry.js.map} +0 -0
  417. /package/dist/atomic/{p-e392095a.entry.js.map → p-247f958f.entry.js.map} +0 -0
  418. /package/dist/atomic/{p-e5a5b612.entry.js.map → p-25b7f550.entry.js.map} +0 -0
  419. /package/dist/atomic/{p-421850f9.entry.js.map → p-278ab207.entry.js.map} +0 -0
  420. /package/dist/atomic/{p-83f46502.entry.js.map → p-2aa17085.entry.js.map} +0 -0
  421. /package/dist/atomic/{p-f9289f2f.entry.js.map → p-2c470abb.entry.js.map} +0 -0
  422. /package/dist/atomic/{p-0839dd37.entry.js.map → p-2ca995a8.entry.js.map} +0 -0
  423. /package/dist/atomic/{p-0867bc7a.entry.js.map → p-2e29235a.entry.js.map} +0 -0
  424. /package/dist/atomic/{p-48c8a766.entry.js.map → p-3184b9dd.entry.js.map} +0 -0
  425. /package/dist/atomic/{p-c3004f08.entry.js.map → p-33706247.entry.js.map} +0 -0
  426. /package/dist/atomic/{p-b6c5584a.entry.js.map → p-34e2ce65.entry.js.map} +0 -0
  427. /package/dist/atomic/{p-31aa63b8.entry.js.map → p-359db801.entry.js.map} +0 -0
  428. /package/dist/atomic/{p-62dbc255.entry.js.map → p-38da94bb.entry.js.map} +0 -0
  429. /package/dist/atomic/{p-6083c9be.entry.js.map → p-4117b4d5.entry.js.map} +0 -0
  430. /package/dist/atomic/{p-6ad9e0c8.entry.js.map → p-412b233b.entry.js.map} +0 -0
  431. /package/dist/atomic/{p-d1e45cc0.entry.js.map → p-42ac53c4.entry.js.map} +0 -0
  432. /package/dist/atomic/{p-2fd28743.entry.js.map → p-459b06be.entry.js.map} +0 -0
  433. /package/dist/atomic/{p-dc89e560.entry.js.map → p-4b3b6fb8.entry.js.map} +0 -0
  434. /package/dist/atomic/{p-1442d3c3.entry.js.map → p-4c94890c.entry.js.map} +0 -0
  435. /package/dist/atomic/{p-d3ee28ba.entry.js.map → p-4cd08443.entry.js.map} +0 -0
  436. /package/dist/atomic/{p-5afe99b1.entry.js.map → p-4d50c09c.entry.js.map} +0 -0
  437. /package/dist/atomic/{p-a6be5ee3.entry.js.map → p-5023f797.entry.js.map} +0 -0
  438. /package/dist/atomic/{p-09934c1e.entry.js.map → p-502767f1.entry.js.map} +0 -0
  439. /package/dist/atomic/{p-731b7ad8.entry.js.map → p-50467793.entry.js.map} +0 -0
  440. /package/dist/atomic/{p-882a99f5.entry.js.map → p-52b8f27e.entry.js.map} +0 -0
  441. /package/dist/atomic/{p-4eb5bc54.entry.js.map → p-5c8e396c.entry.js.map} +0 -0
  442. /package/dist/atomic/{p-1f4f26ee.entry.js.map → p-61aab132.entry.js.map} +0 -0
  443. /package/dist/atomic/{p-8b6aaeed.entry.js.map → p-6258d0bc.entry.js.map} +0 -0
  444. /package/dist/atomic/{p-0c076058.entry.js.map → p-642480f7.entry.js.map} +0 -0
  445. /package/dist/atomic/{p-c19a9af4.entry.js.map → p-64f00831.entry.js.map} +0 -0
  446. /package/dist/atomic/{p-3e162b22.entry.js.map → p-683b817c.entry.js.map} +0 -0
  447. /package/dist/atomic/{p-fb26a29f.entry.js.map → p-69511e1e.entry.js.map} +0 -0
  448. /package/dist/atomic/{p-8d0b9f5a.entry.js.map → p-69e1b708.entry.js.map} +0 -0
  449. /package/dist/atomic/{p-64c9a9ef.entry.js.map → p-6aeccefe.entry.js.map} +0 -0
  450. /package/dist/atomic/{p-ac8941e8.entry.js.map → p-6ec1bc34.entry.js.map} +0 -0
  451. /package/dist/atomic/{p-7464f00a.entry.js.map → p-7104baaf.entry.js.map} +0 -0
  452. /package/dist/atomic/{p-ce974d50.entry.js.map → p-78427c6a.entry.js.map} +0 -0
  453. /package/dist/atomic/{p-d172edcc.entry.js.map → p-7eca77b0.entry.js.map} +0 -0
  454. /package/dist/atomic/{p-ab55ee64.entry.js.map → p-81bc2e2b.entry.js.map} +0 -0
  455. /package/dist/atomic/{p-617090d1.entry.js.map → p-81fadd38.entry.js.map} +0 -0
  456. /package/dist/atomic/{p-579c5b46.entry.js.map → p-8250bad6.entry.js.map} +0 -0
  457. /package/dist/atomic/{p-8b80d576.entry.js.map → p-88e0e6aa.entry.js.map} +0 -0
  458. /package/dist/atomic/{p-cd39ba3c.entry.js.map → p-89240b2f.entry.js.map} +0 -0
  459. /package/dist/atomic/{p-27064d6e.entry.js.map → p-8b70f39a.entry.js.map} +0 -0
  460. /package/dist/atomic/{p-d5d1c5c0.entry.js.map → p-8ef0e022.entry.js.map} +0 -0
  461. /package/dist/atomic/{p-1e21a920.entry.js.map → p-90bff784.entry.js.map} +0 -0
  462. /package/dist/atomic/{p-412e9a6d.entry.js.map → p-9389351e.entry.js.map} +0 -0
  463. /package/dist/atomic/{p-24cae323.entry.js.map → p-945ddd53.entry.js.map} +0 -0
  464. /package/dist/atomic/{p-2d1d5cd9.entry.js.map → p-98babd8f.entry.js.map} +0 -0
  465. /package/dist/atomic/{p-5a140589.entry.js.map → p-990a8267.entry.js.map} +0 -0
  466. /package/dist/atomic/{p-9a72f043.entry.js.map → p-9a4f8b13.entry.js.map} +0 -0
  467. /package/dist/atomic/{p-f2bae47c.entry.js.map → p-9e5e1672.entry.js.map} +0 -0
  468. /package/dist/atomic/{p-c35fb052.entry.js.map → p-a1b0d435.entry.js.map} +0 -0
  469. /package/dist/atomic/{p-742bd3cb.entry.js.map → p-a943aa9b.entry.js.map} +0 -0
  470. /package/dist/atomic/{p-5db0ffd7.entry.js.map → p-ab95fe33.entry.js.map} +0 -0
  471. /package/dist/atomic/{p-fbacb7a0.entry.js.map → p-ad51fa72.entry.js.map} +0 -0
  472. /package/dist/atomic/{p-09a5ef74.entry.js.map → p-b1406e15.entry.js.map} +0 -0
  473. /package/dist/atomic/{p-77ae34ce.entry.js.map → p-b2041636.entry.js.map} +0 -0
  474. /package/dist/atomic/{p-ffedf24d.entry.js.map → p-b3f6561d.entry.js.map} +0 -0
  475. /package/dist/atomic/{p-91d64c67.entry.js.map → p-b4013cce.entry.js.map} +0 -0
  476. /package/dist/atomic/{p-a3aaf456.entry.js.map → p-b42847c8.entry.js.map} +0 -0
  477. /package/dist/atomic/{p-4cda93be.entry.js.map → p-bf4dc429.entry.js.map} +0 -0
  478. /package/dist/atomic/{p-2a7ac870.entry.js.map → p-c77eadab.entry.js.map} +0 -0
  479. /package/dist/atomic/{p-a2b3dfd0.entry.js.map → p-c9d8ae11.entry.js.map} +0 -0
  480. /package/dist/atomic/{p-f5f8990e.entry.js.map → p-ca984630.entry.js.map} +0 -0
  481. /package/dist/atomic/{p-5ed976df.entry.js.map → p-cb095aad.entry.js.map} +0 -0
  482. /package/dist/atomic/{p-8c80991f.entry.js.map → p-ce0ad22b.entry.js.map} +0 -0
  483. /package/dist/atomic/{p-d5628c4c.entry.js.map → p-ce83d873.entry.js.map} +0 -0
  484. /package/dist/atomic/{p-eb026d69.entry.js.map → p-d03b1383.entry.js.map} +0 -0
  485. /package/dist/atomic/{p-512143ef.entry.js.map → p-d1d34162.entry.js.map} +0 -0
  486. /package/dist/atomic/{p-005dcc88.entry.js.map → p-d2b9e35e.entry.js.map} +0 -0
  487. /package/dist/atomic/{p-db9ca9c3.entry.js.map → p-d36bd808.entry.js.map} +0 -0
  488. /package/dist/atomic/{p-31d3304c.entry.js.map → p-d52555b5.entry.js.map} +0 -0
  489. /package/dist/atomic/{p-110e4da7.js.map → p-d8c5e7b0.js.map} +0 -0
  490. /package/dist/atomic/{p-5c813055.entry.js.map → p-dd214aa9.entry.js.map} +0 -0
  491. /package/dist/atomic/{p-444bff80.entry.js.map → p-dd2bf761.entry.js.map} +0 -0
  492. /package/dist/atomic/{p-d3e1a9aa.entry.js.map → p-df117f76.entry.js.map} +0 -0
  493. /package/dist/atomic/{p-04481727.entry.js.map → p-e428af65.entry.js.map} +0 -0
  494. /package/dist/atomic/{p-e36ca215.js.map → p-e5105750.js.map} +0 -0
  495. /package/dist/atomic/{p-3ca9ced1.entry.js.map → p-e9dc8e90.entry.js.map} +0 -0
  496. /package/dist/atomic/{p-c727cd49.entry.js.map → p-ea781e46.entry.js.map} +0 -0
  497. /package/dist/atomic/{p-2b76b255.entry.js.map → p-eeefa262.entry.js.map} +0 -0
  498. /package/dist/atomic/{p-db3dce80.entry.js.map → p-f52ae387.entry.js.map} +0 -0
  499. /package/dist/atomic/{p-4dd88abc.entry.js.map → p-f9c9d7a4.entry.js.map} +0 -0
  500. /package/dist/atomic/{p-e43fe680.entry.js.map → p-fd373189.entry.js.map} +0 -0
  501. /package/dist/atomic/{p-22ef68f4.entry.js.map → p-fe6aac5e.entry.js.map} +0 -0
  502. /package/dist/types/components/{commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.tw.css.d.ts → common/facets/facet-common.tw.css.d.ts} +0 -0
  503. /package/dist/types/components/{commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.tw.css.d.ts → common/facets/facet-search/facet-search.tw.css.d.ts} +0 -0
package/dist/atomic/components/atomic-insight-result2.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
2
2
  import { r as resultComponentClass } from './stencil-item-list-common.js';
3
3
  import { I as ItemLayout } from './display-options.js';
4
4
 
5
- const atomicInsightResultCss = "/*! tailwindcss v4.1.11 | 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 --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 --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 --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 --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, :host atomic-product-section-badges {\n text-align: left;\n }\n :host atomic-result-section-actions, :host atomic-product-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 --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 --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, :host atomic-product-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 --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 --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, :host .result-root.with-sections atomic-product-section-visual {\n grid-area: visual;\n }\n :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges {\n grid-area: badges;\n }\n :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions {\n grid-area: actions;\n }\n :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview, :host .result-root.with-sections atomic-product-section-actions atomic-result-quickview {\n display: inline-block;\n }\n :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name {\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, :host .result-root.with-sections atomic-product-section-emphasized {\n grid-area: emphasized;\n }\n :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description {\n grid-area: excerpt;\n color: var(--atomic-neutral-dark);\n }\n :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-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, :host .result-root.with-sections atomic-product-section-children {\n grid-area: children;\n }\n :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-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-product-section-visual, :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name, :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-product-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description, :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-section-bottom-metadata {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n :host .result-root.with-sections.image-icon atomic-result-section-visual, :host .result-root.with-sections.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-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), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-list.density-normal atomic-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-list.density-compact atomic-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-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 .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-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-product-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-small atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-list.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-none atomic-product-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), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-visual {\n margin-right: 1rem;\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-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.75rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-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-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.5rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-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-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-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 .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 :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-small atomic-product-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, :host .result-root.with-sections.display-list.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-none atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-badges {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-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), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.75rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.5rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-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 .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 :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-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-large atomic-product-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-small.density-comfortable.image-small atomic-product-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-large atomic-product-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-icon.density-comfortable.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-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-small.density-comfortable.image-icon atomic-product-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-icon.density-comfortable.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-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-small.density-comfortable.image-icon atomic-product-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-icon.density-comfortable.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\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 --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 --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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-large atomic-product-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-small.density-normal.image-small atomic-product-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-large atomic-product-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-icon.density-normal.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-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-small.density-normal.image-icon atomic-product-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-icon.density-normal.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-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-small.density-normal.image-icon atomic-product-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-icon.density-normal.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\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 --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 --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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-large atomic-product-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-small.density-compact.image-small atomic-product-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-large atomic-product-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-icon.density-compact.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-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-small.density-compact.image-icon atomic-product-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-icon.density-compact.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-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-small.density-compact.image-icon atomic-product-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-icon.density-compact.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\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 --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 --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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-badges {\n margin-bottom: 1rem;\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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-none atomic-product-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-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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-small.density-comfortable.image-small atomic-product-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-icon.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\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 --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 --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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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-small.density-normal.image-small atomic-product-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-icon.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\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 --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 --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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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-small.density-compact.image-large atomic-product-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-large atomic-product-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-large atomic-product-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-small.density-compact.image-small atomic-product-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-icon.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\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 --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 --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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-icon atomic-product-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-icon.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-product-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-small.image-none atomic-product-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-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-section-visual {\n display: none;\n }\n }\n :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-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), :host .result-root.with-sections.display-table atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.density-normal atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-table.density-normal atomic-product-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, :host .result-root.with-sections.display-table.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-normal atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.density-compact atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-table.density-compact atomic-product-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, :host .result-root.with-sections.display-table.density-compact atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-compact atomic-product-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 --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 --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.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-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 .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-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-product-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-small atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-table.image-icon atomic-product-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, :host .result-root.with-sections.display-table.image-none atomic-product-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:host {\n position: relative;\n}\n:host .with-sections:not(.child-result) {\n padding-top: var(--atomic-layout-spacing-y);\n padding-bottom: var(--atomic-layout-spacing-y);\n padding-right: var(--atomic-layout-spacing-x);\n padding-left: var(--atomic-layout-spacing-x);\n}\n:host(:hover) .with-sections {\n background-color: var(--atomic-neutral-lighter);\n}\n:host(:hover) atomic-insight-result-action-bar {\n visibility: visible;\n}\n:host(:first-of-type) .with-sections:not(.child-result) {\n padding-top: calc(0.25rem * 8);\n}\n:host(:first-of-type) atomic-insight-result-action-bar {\n top: calc(0.25rem * 0);\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";
5
+ const atomicInsightResultCss = "/*! tailwindcss v4.1.11 | 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 --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 --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 --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 --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, :host atomic-product-section-badges {\n text-align: left;\n }\n :host atomic-result-section-actions, :host atomic-product-section-actions {\n text-align: left;\n }\n :host atomic-result-section-title-metadata, :host atomic-product-section-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 --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 --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, :host atomic-product-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 --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 --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, :host .result-root.with-sections atomic-product-section-visual {\n grid-area: visual;\n }\n :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges {\n grid-area: badges;\n }\n :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions {\n grid-area: actions;\n }\n :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview, :host .result-root.with-sections atomic-product-section-actions atomic-result-quickview {\n display: inline-block;\n }\n :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name {\n grid-area: title;\n color: var(--atomic-on-background);\n }\n :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-product-section-metadata {\n grid-area: title-metadata;\n }\n :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-product-section-emphasized {\n grid-area: emphasized;\n }\n :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description {\n grid-area: excerpt;\n color: var(--atomic-neutral-dark);\n }\n :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-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, :host .result-root.with-sections atomic-product-section-children {\n grid-area: children;\n }\n :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-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-product-section-visual, :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name, :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-product-section-metadata, :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-product-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description, :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-section-bottom-metadata {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n :host .result-root.with-sections.image-icon atomic-result-section-visual, :host .result-root.with-sections.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-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), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-list.density-normal atomic-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-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-product-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-list.density-compact atomic-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-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 .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-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-product-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-small atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-list.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-none atomic-product-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), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-visual {\n margin-right: 1rem;\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-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.75rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-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-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-normal atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.5rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-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-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-list.density-compact atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-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 .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 :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-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, :host .result-root.with-sections.display-list.image-small atomic-product-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, :host .result-root.with-sections.display-list.image-icon atomic-product-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, :host .result-root.with-sections.display-list.image-none atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n margin-bottom: 0.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 19.75rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-badges {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n height: 14rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n width: 100%;\n }\n :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-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), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.75rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1.5rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n margin-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\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 --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 --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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n padding-top: 1rem;\n margin-top: 1rem;\n margin-left: -1rem;\n margin-right: -1rem;\n padding-left: 1rem;\n padding-right: 1rem;\n }\n :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-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 .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 :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n height: 7.25rem;\n }\n }\n :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-icon atomic-product-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, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-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-large atomic-product-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-small.density-comfortable.image-small atomic-product-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-large atomic-product-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-icon.density-comfortable.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-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-small.density-comfortable.image-icon atomic-product-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-icon.density-comfortable.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-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-small.density-comfortable.image-icon atomic-product-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-icon.density-comfortable.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\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 --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 --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-small.density-comfortable atomic-product-section-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-icon.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-large atomic-product-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-small.density-normal.image-small atomic-product-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-large atomic-product-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-icon.density-normal.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-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-small.density-normal.image-icon atomic-product-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-icon.density-normal.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-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-small.density-normal.image-icon atomic-product-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-icon.density-normal.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\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 --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 --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-small.density-normal atomic-product-section-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-icon.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-large atomic-product-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-small.density-compact.image-small atomic-product-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-large atomic-product-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-icon.density-compact.image-small atomic-product-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-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-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-small.density-compact.image-icon atomic-product-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-icon.density-compact.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-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-small.density-compact.image-icon atomic-product-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-icon.density-compact.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\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 --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 --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-small.density-compact atomic-product-section-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-icon.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-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-small.image-large atomic-product-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-icon.image-large atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-badges {\n margin-bottom: 1rem;\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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-none atomic-product-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-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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-small.density-comfortable.image-small atomic-product-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-icon.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\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 --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 --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-small.density-comfortable atomic-product-section-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-icon.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-comfortable atomic-product-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-icon.density-comfortable atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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-small.density-normal.image-small atomic-product-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-icon.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\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 --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 --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-small.density-normal atomic-product-section-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-icon.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-normal atomic-product-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-icon.density-normal atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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-small.density-compact.image-large atomic-product-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-large atomic-product-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-large atomic-product-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-small.density-compact.image-small atomic-product-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-icon.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\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 --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 --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-small.density-compact atomic-product-section-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-icon.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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-small.density-compact atomic-product-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-icon.density-compact atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-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 --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 --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 :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-small atomic-product-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-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-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-small.image-icon atomic-product-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-icon.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-product-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-small.image-none atomic-product-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-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-section-visual {\n display: none;\n }\n }\n :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-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), :host .result-root.with-sections.display-table atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-product-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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-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 --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 --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, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child) {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 1.25rem;\n padding: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.75rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.density-normal atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-table.density-normal atomic-product-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, :host .result-root.with-sections.display-table.density-normal atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-normal atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-normal atomic-product-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 --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 --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, :host .result-root.with-sections.display-table.density-normal atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child) {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.875rem;\n padding: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-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 .placeholder {\n margin-bottom: 1.5rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.density-compact atomic-product-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-product-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-table.density-compact atomic-product-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, :host .result-root.with-sections.display-table.density-compact atomic-product-section-name {\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 --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 --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, :host .result-root.with-sections.display-table.density-compact atomic-product-section-description {\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 --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 --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, :host .result-root.with-sections.display-table.density-compact atomic-product-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 --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 --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, :host .result-root.with-sections.display-table.density-compact atomic-product-section-metadata {\n margin-top: 0.475rem;\n }\n :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child) {\n margin-bottom: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n margin-top: 0.475rem;\n padding: 1rem;\n }\n :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-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 .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-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-product-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-small atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-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, :host .result-root.with-sections.display-table.image-icon atomic-product-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, :host .result-root.with-sections.display-table.image-none atomic-product-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:host {\n position: relative;\n}\n:host .with-sections:not(.child-result) {\n padding-top: var(--atomic-layout-spacing-y);\n padding-bottom: var(--atomic-layout-spacing-y);\n padding-right: var(--atomic-layout-spacing-x);\n padding-left: var(--atomic-layout-spacing-x);\n}\n:host(:hover) .with-sections {\n background-color: var(--atomic-neutral-lighter);\n}\n:host(:hover) atomic-insight-result-action-bar {\n visibility: visible;\n}\n:host(:first-of-type) .with-sections:not(.child-result) {\n padding-top: calc(0.25rem * 8);\n}\n:host(:first-of-type) atomic-insight-result-action-bar {\n top: calc(0.25rem * 0);\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";
6
6
  const AtomicInsightResultStyle0 = atomicInsightResultCss;
7
7
 
8
8
  const AtomicInsightResult = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResult extends HTMLElement {