@coveo/atomic 3.33.2 → 3.33.3-pre.0757b1116b
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.
- package/dist/atomic/_atomic.esm.js +1 -1
- package/dist/atomic/atomic.esm.js.map +1 -1
- package/dist/atomic/components/_index.d.ts +0 -2
- package/dist/atomic/components/_index.js +0 -1
- package/dist/atomic/components/analytics-config.js +2 -2
- package/dist/atomic/components/analytics-config.js.map +1 -1
- package/dist/atomic/components/atomic-category-facet.js +1 -1
- package/dist/atomic/components/atomic-citation.js +1 -1
- package/dist/atomic/components/atomic-facet-manager.js +1 -1
- package/dist/atomic/components/atomic-facet.js +1 -1
- package/dist/atomic/components/atomic-format-currency.js +1 -1
- package/dist/atomic/components/atomic-format-number.js +1 -1
- package/dist/atomic/components/atomic-format-unit.js +1 -1
- package/dist/atomic/components/atomic-generated-answer-feedback-modal.js +1 -1
- package/dist/atomic/components/atomic-html2.js +1 -1
- package/dist/atomic/components/atomic-insight-edit-toggle.js +1 -1
- package/dist/atomic/components/atomic-insight-facet.js +1 -1
- package/dist/atomic/components/atomic-insight-folded-result-list.js +1 -1
- package/dist/atomic/components/atomic-insight-full-search-button.js +1 -1
- package/dist/atomic/components/atomic-insight-history-toggle.js +1 -1
- package/dist/atomic/components/atomic-insight-layout.js +80 -1
- package/dist/atomic/components/atomic-insight-layout.js.map +1 -1
- package/dist/atomic/components/atomic-insight-no-results.js +1 -1
- package/dist/atomic/components/atomic-insight-numeric-facet.js +1 -1
- package/dist/atomic/components/atomic-insight-pager.js +3 -3
- package/dist/atomic/components/atomic-insight-query-error.js +1 -1
- package/dist/atomic/components/atomic-insight-refine-modal2.js +2 -2
- package/dist/atomic/components/atomic-insight-refine-toggle.js +1 -1
- package/dist/atomic/components/atomic-insight-result-action.js +1 -1
- package/dist/atomic/components/atomic-insight-result-attach-to-case-action.js +1 -1
- package/dist/atomic/components/atomic-insight-result-attach-to-case-indicator.js +1 -1
- package/dist/atomic/components/atomic-insight-result-children.js +1 -1
- package/dist/atomic/components/atomic-insight-result-list.js +1 -1
- package/dist/atomic/components/atomic-insight-result-quickview-action.js +1 -1
- package/dist/atomic/components/atomic-insight-result2.js +2 -2
- package/dist/atomic/components/atomic-insight-result2.js.map +1 -1
- package/dist/atomic/components/atomic-insight-search-box.js +2 -2
- package/dist/atomic/components/atomic-insight-smart-snippet-feedback-modal2.js +2 -2
- package/dist/atomic/components/atomic-insight-tabs.js +1 -1
- package/dist/atomic/components/atomic-insight-user-actions-session2.js +1 -1
- package/dist/atomic/components/atomic-insight-user-actions-toggle.js +1 -1
- package/dist/atomic/components/atomic-ipx-body2.js +2 -2
- package/dist/atomic/components/atomic-ipx-button.js +2 -2
- package/dist/atomic/components/atomic-ipx-embedded.js +1 -1
- package/dist/atomic/components/atomic-ipx-modal.js +2 -2
- package/dist/atomic/components/atomic-ipx-recs-list.js +1 -1
- package/dist/atomic/components/atomic-ipx-refine-modal2.js +1 -1
- package/dist/atomic/components/atomic-ipx-refine-toggle.js +1 -1
- package/dist/atomic/components/atomic-ipx-result-link.js +1 -1
- package/dist/atomic/components/atomic-ipx-tabs.js +1 -1
- package/dist/atomic/components/atomic-load-more-results.js +1 -1
- package/dist/atomic/components/atomic-modal2.js +2 -2
- package/dist/atomic/components/atomic-no-results.js +1 -1
- package/dist/atomic/components/atomic-numeric-facet.js +1 -1
- package/dist/atomic/components/atomic-pager.js +3 -3
- package/dist/atomic/components/atomic-query-error.js +1 -1
- package/dist/atomic/components/atomic-query-summary.js +1 -1
- package/dist/atomic/components/atomic-quickview-modal2.js +1 -1
- package/dist/atomic/components/atomic-quickview.js +1 -1
- package/dist/atomic/components/atomic-recs-error.js +1 -1
- package/dist/atomic/components/atomic-recs-interface.js +2 -2
- package/dist/atomic/components/atomic-recs-list.js +1 -1
- package/dist/atomic/components/atomic-recs-result2.js +1 -1
- package/dist/atomic/components/atomic-recs-result2.js.map +1 -1
- package/dist/atomic/components/atomic-refine-modal2.js +1 -1
- package/dist/atomic/components/atomic-refine-toggle.js +1 -1
- package/dist/atomic/components/atomic-relevance-inspector2.js +2 -2
- package/dist/atomic/components/atomic-result-children.js +1 -1
- package/dist/atomic/components/atomic-result-fields-list.js +1 -1
- package/dist/atomic/components/atomic-result-link.js +1 -1
- package/dist/atomic/components/atomic-result-list.js +1 -1
- package/dist/atomic/components/atomic-result-placeholder2.js +3 -3
- package/dist/atomic/components/atomic-result-placeholder2.js.map +1 -1
- package/dist/atomic/components/atomic-result-table-placeholder2.js +1 -1
- package/dist/atomic/components/atomic-result2.js +1 -1
- package/dist/atomic/components/atomic-result2.js.map +1 -1
- package/dist/atomic/components/atomic-search-box-instant-results.js +1 -1
- package/dist/atomic/components/atomic-search-box-query-suggestions2.js +1 -1
- package/dist/atomic/components/atomic-search-box-recent-queries2.js +1 -1
- package/dist/atomic/components/atomic-search-box.js +4 -4
- package/dist/atomic/components/atomic-search-interface.js +1 -1
- package/dist/atomic/components/atomic-smart-snippet-answer2.js +1 -1
- package/dist/atomic/components/atomic-smart-snippet-collapse-wrapper2.js +2 -2
- package/dist/atomic/components/atomic-smart-snippet-expandable-answer2.js +1 -1
- package/dist/atomic/components/atomic-smart-snippet-feedback-modal2.js +2 -2
- package/dist/atomic/components/atomic-smart-snippet-source2.js +1 -1
- package/dist/atomic/components/atomic-sort-dropdown.js +2 -2
- package/dist/atomic/components/atomic-sort-expression.js +1 -1
- package/dist/atomic/components/atomic-stencil-facet-date-input.js +3 -3
- package/dist/atomic/components/atomic-suggestion-renderer2.js +1 -1
- package/dist/atomic/components/atomic-tab-manager.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-emphasized/atomic-product-section-emphasized.js +3 -2
- package/dist/atomic/components/components/insight/atomic-insight-interface/analytics-config.js +31 -0
- package/dist/atomic/components/components/insight/atomic-insight-interface/atomic-insight-interface.js +252 -0
- package/dist/atomic/components/components/insight/index.js +2 -1
- package/dist/atomic/components/components/insight/lazy-index.js +3 -1
- package/dist/atomic/components/facet-number-input.js +2 -2
- package/dist/atomic/components/global/environment.js +1 -1
- package/dist/atomic/components/index.js.map +1 -1
- package/dist/atomic/components/tab-button.js +1 -1
- package/dist/atomic/components/tab-popover.js +1 -1
- package/dist/atomic/{p-d1d2d945.entry.js → p-05a3e5a4.entry.js} +2 -2
- package/dist/atomic/{p-26098930.entry.js → p-09953fee.entry.js} +2 -2
- package/dist/atomic/{p-84befe35.entry.js → p-0b44ae08.entry.js} +2 -2
- package/dist/atomic/{p-80055cf6.entry.js → p-0dac8e7b.entry.js} +2 -2
- package/dist/atomic/{p-5c995d77.entry.js → p-0dc6ebf8.entry.js} +2 -2
- package/dist/atomic/{p-ef22a3f2.entry.js → p-104c7d84.entry.js} +2 -2
- package/dist/atomic/{p-ce9e510c.entry.js → p-117be4a4.entry.js} +2 -2
- package/dist/atomic/{p-cbb819d2.entry.js → p-11fc3a7b.entry.js} +2 -2
- package/dist/atomic/{p-b0bd2709.entry.js → p-156aa33a.entry.js} +2 -2
- package/dist/atomic/p-15d2ebce.entry.js +2 -0
- package/dist/atomic/{p-64fc4340.entry.js.map → p-15d2ebce.entry.js.map} +1 -1
- package/dist/atomic/{p-26ad479b.entry.js → p-182a3f9e.entry.js} +2 -2
- package/dist/atomic/{p-bfdecd0f.entry.js → p-1d8eba10.entry.js} +2 -2
- package/dist/atomic/{p-58610952.entry.js → p-24c2110b.entry.js} +2 -2
- package/dist/atomic/p-256b5495.entry.js +2 -0
- package/dist/atomic/{p-571c9614.entry.js → p-2c64e9a2.entry.js} +2 -2
- package/dist/atomic/{p-6ad1adfb.entry.js → p-31e55d26.entry.js} +2 -2
- package/dist/atomic/{p-069bf2b9.entry.js → p-39698267.entry.js} +2 -2
- package/dist/atomic/p-3a3f7783.entry.js +2 -0
- package/dist/atomic/{p-29919fba.entry.js.map → p-3a3f7783.entry.js.map} +1 -1
- package/dist/atomic/{p-c9fa8526.entry.js → p-3a994997.entry.js} +2 -2
- package/dist/atomic/{p-1c3363ec.entry.js → p-3c7ed752.entry.js} +2 -2
- package/dist/atomic/{p-5027d796.entry.js → p-3e7ea7a5.entry.js} +2 -2
- package/dist/atomic/{p-ab627e18.entry.js → p-429270f6.entry.js} +2 -2
- package/dist/atomic/{p-737f842d.entry.js → p-43a0f6e2.entry.js} +2 -2
- package/dist/atomic/p-44930be9.entry.js +2 -0
- package/dist/atomic/{p-9d9f201f.entry.js.map → p-44930be9.entry.js.map} +1 -1
- package/dist/atomic/{p-8b70f39a.entry.js → p-455fbbd7.entry.js} +2 -2
- package/dist/atomic/{p-b97abfb9.entry.js → p-45e88039.entry.js} +2 -2
- package/dist/atomic/{p-c61609ea.entry.js → p-52b66ca8.entry.js} +2 -2
- package/dist/atomic/p-564be2a3.entry.js +2 -0
- package/dist/atomic/{p-09924944.entry.js → p-681610d3.entry.js} +2 -2
- package/dist/atomic/{p-2e91aea8.entry.js → p-6b297a61.entry.js} +2 -2
- package/dist/atomic/{p-1c2d25ba.entry.js → p-6bea42e6.entry.js} +2 -2
- package/dist/atomic/{p-b103b28a.entry.js → p-70c431f9.entry.js} +2 -2
- package/dist/atomic/{p-a14fd4de.entry.js → p-770da48e.entry.js} +2 -2
- package/dist/atomic/{p-a3a1f8e9.entry.js → p-7753ae27.entry.js} +2 -2
- package/dist/atomic/{p-612155f0.entry.js → p-7bff27b2.entry.js} +2 -2
- package/dist/atomic/{p-0368a213.entry.js → p-81b6d12c.entry.js} +2 -2
- package/dist/atomic/{p-1a79c944.entry.js → p-842d31d0.entry.js} +2 -2
- package/dist/atomic/p-8677b56e.entry.js +2 -0
- package/dist/atomic/{p-6f7c823d.entry.js.map → p-8677b56e.entry.js.map} +1 -1
- package/dist/atomic/{p-4c7654eb.entry.js → p-87747240.entry.js} +2 -2
- package/dist/atomic/{p-258c3253.entry.js → p-8b8eb35f.entry.js} +2 -2
- package/dist/atomic/{p-df2df66a.entry.js → p-8baf4780.entry.js} +2 -2
- package/dist/atomic/{p-82a8cf74.entry.js → p-943b29c2.entry.js} +2 -2
- package/dist/atomic/{p-05ab5909.entry.js → p-9507e1bc.entry.js} +2 -2
- package/dist/atomic/{p-aa40956c.entry.js → p-971a8a73.entry.js} +2 -2
- package/dist/atomic/{p-552d1f66.entry.js → p-a0d04767.entry.js} +2 -2
- package/dist/atomic/{p-c667812c.entry.js → p-a5751bb0.entry.js} +2 -2
- package/dist/atomic/{p-fc6beee6.entry.js → p-af487ad9.entry.js} +2 -2
- package/dist/atomic/{p-1d091f9a.entry.js → p-b1c9b043.entry.js} +2 -2
- package/dist/atomic/p-b8cce384.entry.js +2 -0
- package/dist/atomic/{p-1f5473a6.entry.js.map → p-b8cce384.entry.js.map} +1 -1
- package/dist/atomic/{p-516b5bd4.entry.js → p-ba9b2923.entry.js} +2 -2
- package/dist/atomic/{p-2d3ef0f7.entry.js → p-bbed84f9.entry.js} +2 -2
- package/dist/atomic/p-bd404744.entry.js +2 -0
- package/dist/atomic/p-bd404744.entry.js.map +1 -0
- package/dist/atomic/{p-5138d839.entry.js → p-bfb23490.entry.js} +2 -2
- package/dist/atomic/{p-57b47b73.entry.js → p-c15fc656.entry.js} +2 -2
- package/dist/atomic/{p-896724e9.entry.js → p-c1721cb2.entry.js} +2 -2
- package/dist/atomic/{p-875583aa.entry.js → p-c434b50f.entry.js} +2 -2
- package/dist/atomic/{p-cb051c21.entry.js → p-c572a219.entry.js} +2 -2
- package/dist/atomic/{p-15d952f3.entry.js → p-c69ae97a.entry.js} +2 -2
- package/dist/atomic/{p-88e4a2f9.entry.js → p-c81d1971.entry.js} +2 -2
- package/dist/atomic/{p-633628d5.entry.js → p-cbeca949.entry.js} +2 -2
- package/dist/atomic/{p-b7f38541.entry.js → p-cc330153.entry.js} +2 -2
- package/dist/atomic/{p-0c9b553c.entry.js → p-cd8f11ea.entry.js} +2 -2
- package/dist/atomic/{p-d5071b5a.entry.js → p-d1caf040.entry.js} +2 -2
- package/dist/atomic/{p-496da1c9.entry.js → p-d1e5e2d7.entry.js} +2 -2
- package/dist/atomic/{p-b16950ec.entry.js → p-d3146795.entry.js} +2 -2
- package/dist/atomic/{p-f39de057.entry.js → p-d3b5c8e5.entry.js} +2 -2
- package/dist/atomic/{p-aff3a66a.entry.js → p-d6d0a47f.entry.js} +2 -2
- package/dist/atomic/{p-b328cab9.entry.js → p-db6034e2.entry.js} +2 -2
- package/dist/atomic/{p-3af5e810.entry.js → p-e20c18f0.entry.js} +2 -2
- package/dist/atomic/{p-79499898.entry.js → p-e50b1d73.entry.js} +2 -2
- package/dist/atomic/{p-c3746d6e.entry.js → p-e67dabc9.entry.js} +2 -2
- package/dist/atomic/{p-a2714d7e.entry.js → p-e9922d7c.entry.js} +2 -2
- package/dist/atomic/{p-1315bbaf.js → p-eb45c870.js} +2 -2
- package/dist/atomic/{p-1315bbaf.js.map → p-eb45c870.js.map} +1 -1
- package/dist/atomic/{p-13e67ab3.entry.js → p-f076efa7.entry.js} +2 -2
- package/dist/atomic/{p-a7dcf131.entry.js → p-f30c4c7d.entry.js} +2 -2
- package/dist/atomic/{p-50467793.entry.js → p-f45a7b82.entry.js} +2 -2
- package/dist/atomic/{p-2c7d4967.entry.js → p-f79f31f8.entry.js} +2 -2
- package/dist/atomic/{p-cdd70f49.entry.js → p-fa1dcc3e.entry.js} +2 -2
- package/dist/atomic/{p-e750df14.entry.js → p-fce653a1.entry.js} +2 -2
- package/dist/atomic/{p-ce83d873.entry.js → p-fe23b0b3.entry.js} +2 -2
- package/dist/cjs/_loader.cjs.js +1 -1
- package/dist/cjs/{analytics-config-f2718cd7.js → analytics-config-1a560aab.js} +2 -2
- package/dist/cjs/analytics-config-1a560aab.js.map +1 -0
- package/dist/cjs/atomic-category-facet.cjs.entry.js +1 -1
- package/dist/cjs/atomic-citation.cjs.entry.js +1 -1
- package/dist/cjs/atomic-facet-manager.cjs.entry.js +1 -1
- package/dist/cjs/atomic-facet-number-input.cjs.entry.js +2 -2
- package/dist/cjs/atomic-facet.cjs.entry.js +1 -1
- package/dist/cjs/atomic-focus-trap_2.cjs.entry.js +2 -2
- package/dist/cjs/atomic-format-currency.cjs.entry.js +1 -1
- package/dist/cjs/atomic-format-number.cjs.entry.js +1 -1
- package/dist/cjs/atomic-format-unit.cjs.entry.js +1 -1
- package/dist/cjs/atomic-generated-answer-feedback-modal.cjs.entry.js +1 -1
- package/dist/cjs/atomic-html.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-edit-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-facet.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-full-search-button.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-history-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-layout.cjs.entry.js +82 -4
- package/dist/cjs/atomic-insight-layout.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-insight-no-results.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-numeric-facet.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-pager.cjs.entry.js +3 -3
- package/dist/cjs/atomic-insight-query-error.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-refine-modal.cjs.entry.js +2 -2
- package/dist/cjs/atomic-insight-refine-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-action.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-attach-to-case-action.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-attach-to-case-indicator.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-children.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-quickview-action.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result.cjs.entry.js +2 -2
- package/dist/cjs/atomic-insight-result.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-insight-search-box.cjs.entry.js +2 -2
- package/dist/cjs/atomic-insight-smart-snippet-feedback-modal.cjs.entry.js +2 -2
- package/dist/cjs/atomic-insight-tabs.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-user-actions-session_2.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-user-actions-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-body.cjs.entry.js +2 -2
- package/dist/cjs/atomic-ipx-button.cjs.entry.js +2 -2
- package/dist/cjs/atomic-ipx-embedded.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-modal.cjs.entry.js +2 -2
- package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-refine-modal.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-refine-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-result-link.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-tabs.cjs.entry.js +1 -1
- package/dist/cjs/atomic-load-more-results.cjs.entry.js +1 -1
- package/dist/cjs/atomic-no-results.cjs.entry.js +1 -1
- package/dist/cjs/atomic-numeric-facet.cjs.entry.js +1 -1
- package/dist/cjs/atomic-pager.cjs.entry.js +3 -3
- package/dist/cjs/atomic-query-error.cjs.entry.js +1 -1
- package/dist/cjs/atomic-query-summary.cjs.entry.js +1 -1
- package/dist/cjs/atomic-quickview-modal.cjs.entry.js +1 -1
- package/dist/cjs/atomic-quickview.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-error.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-interface.cjs.entry.js +2 -2
- package/dist/cjs/atomic-recs-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-result.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-result.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-refine-modal.cjs.entry.js +1 -1
- package/dist/cjs/atomic-refine-toggle.cjs.entry.js +1 -1
- package/dist/cjs/atomic-relevance-inspector.cjs.entry.js +2 -2
- package/dist/cjs/atomic-result-children.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-fields-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-link.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js +4 -4
- package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-result.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-search-box-instant-results.cjs.entry.js +1 -1
- package/dist/cjs/atomic-search-box-query-suggestions_2.cjs.entry.js +2 -2
- package/dist/cjs/atomic-search-box.cjs.entry.js +4 -4
- package/dist/cjs/atomic-search-interface.cjs.entry.js +1 -1
- package/dist/cjs/atomic-smart-snippet-answer_2.cjs.entry.js +2 -2
- package/dist/cjs/atomic-smart-snippet-collapse-wrapper_2.cjs.entry.js +3 -3
- package/dist/cjs/atomic-smart-snippet-feedback-modal.cjs.entry.js +2 -2
- package/dist/cjs/atomic-sort-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/atomic-sort-expression.cjs.entry.js +1 -1
- package/dist/cjs/atomic-stencil-facet-date-input.cjs.entry.js +3 -3
- package/dist/cjs/atomic-suggestion-renderer.cjs.entry.js +1 -1
- package/dist/cjs/atomic-tab-bar_2.cjs.entry.js +1 -1
- package/dist/cjs/atomic-tab-button.cjs.entry.js +1 -1
- package/dist/cjs/atomic-tab-manager.cjs.entry.js +1 -1
- package/dist/cjs/atomic.cjs.js +1 -1
- package/dist/cjs/index-757bc886.js +0 -4
- package/dist/cjs/version.cjs.js +1 -1
- package/dist/esm/_loader.js +1 -1
- package/dist/esm/{analytics-config-a2ebaf0d.js → analytics-config-0dc0bb46.js} +3 -3
- package/dist/esm/analytics-config-0dc0bb46.js.map +1 -0
- package/dist/esm/atomic-category-facet.entry.js +1 -1
- package/dist/esm/atomic-citation.entry.js +1 -1
- package/dist/esm/atomic-facet-manager.entry.js +1 -1
- package/dist/esm/atomic-facet-number-input.entry.js +2 -2
- package/dist/esm/atomic-facet.entry.js +1 -1
- package/dist/esm/atomic-focus-trap_2.entry.js +2 -2
- package/dist/esm/atomic-format-currency.entry.js +1 -1
- package/dist/esm/atomic-format-number.entry.js +1 -1
- package/dist/esm/atomic-format-unit.entry.js +1 -1
- package/dist/esm/atomic-generated-answer-feedback-modal.entry.js +1 -1
- package/dist/esm/atomic-html.entry.js +1 -1
- package/dist/esm/atomic-insight-edit-toggle.entry.js +1 -1
- package/dist/esm/atomic-insight-facet.entry.js +1 -1
- package/dist/esm/atomic-insight-folded-result-list.entry.js +1 -1
- package/dist/esm/atomic-insight-full-search-button.entry.js +1 -1
- package/dist/esm/atomic-insight-history-toggle.entry.js +1 -1
- package/dist/esm/atomic-insight-layout.entry.js +80 -2
- package/dist/esm/atomic-insight-layout.entry.js.map +1 -1
- package/dist/esm/atomic-insight-no-results.entry.js +1 -1
- package/dist/esm/atomic-insight-numeric-facet.entry.js +1 -1
- package/dist/esm/atomic-insight-pager.entry.js +3 -3
- package/dist/esm/atomic-insight-query-error.entry.js +1 -1
- package/dist/esm/atomic-insight-refine-modal.entry.js +2 -2
- package/dist/esm/atomic-insight-refine-toggle.entry.js +1 -1
- package/dist/esm/atomic-insight-result-action.entry.js +1 -1
- package/dist/esm/atomic-insight-result-attach-to-case-action.entry.js +1 -1
- package/dist/esm/atomic-insight-result-attach-to-case-indicator.entry.js +1 -1
- package/dist/esm/atomic-insight-result-children.entry.js +1 -1
- package/dist/esm/atomic-insight-result-list.entry.js +1 -1
- package/dist/esm/atomic-insight-result-quickview-action.entry.js +1 -1
- package/dist/esm/atomic-insight-result.entry.js +2 -2
- package/dist/esm/atomic-insight-result.entry.js.map +1 -1
- package/dist/esm/atomic-insight-search-box.entry.js +2 -2
- package/dist/esm/atomic-insight-smart-snippet-feedback-modal.entry.js +2 -2
- package/dist/esm/atomic-insight-tabs.entry.js +1 -1
- package/dist/esm/atomic-insight-user-actions-session_2.entry.js +1 -1
- package/dist/esm/atomic-insight-user-actions-toggle.entry.js +1 -1
- package/dist/esm/atomic-ipx-body.entry.js +2 -2
- package/dist/esm/atomic-ipx-button.entry.js +2 -2
- package/dist/esm/atomic-ipx-embedded.entry.js +1 -1
- package/dist/esm/atomic-ipx-modal.entry.js +2 -2
- package/dist/esm/atomic-ipx-recs-list.entry.js +1 -1
- package/dist/esm/atomic-ipx-refine-modal.entry.js +1 -1
- package/dist/esm/atomic-ipx-refine-toggle.entry.js +1 -1
- package/dist/esm/atomic-ipx-result-link.entry.js +1 -1
- package/dist/esm/atomic-ipx-tabs.entry.js +1 -1
- package/dist/esm/atomic-load-more-results.entry.js +1 -1
- package/dist/esm/atomic-no-results.entry.js +1 -1
- package/dist/esm/atomic-numeric-facet.entry.js +1 -1
- package/dist/esm/atomic-pager.entry.js +3 -3
- package/dist/esm/atomic-query-error.entry.js +1 -1
- package/dist/esm/atomic-query-summary.entry.js +1 -1
- package/dist/esm/atomic-quickview-modal.entry.js +1 -1
- package/dist/esm/atomic-quickview.entry.js +1 -1
- package/dist/esm/atomic-recs-error.entry.js +1 -1
- package/dist/esm/atomic-recs-interface.entry.js +2 -2
- package/dist/esm/atomic-recs-list.entry.js +1 -1
- package/dist/esm/atomic-recs-result.entry.js +1 -1
- package/dist/esm/atomic-recs-result.entry.js.map +1 -1
- package/dist/esm/atomic-refine-modal.entry.js +1 -1
- package/dist/esm/atomic-refine-toggle.entry.js +1 -1
- package/dist/esm/atomic-relevance-inspector.entry.js +2 -2
- package/dist/esm/atomic-result-children.entry.js +1 -1
- package/dist/esm/atomic-result-fields-list.entry.js +1 -1
- package/dist/esm/atomic-result-link.entry.js +1 -1
- package/dist/esm/atomic-result-list.entry.js +1 -1
- package/dist/esm/atomic-result-placeholder_8.entry.js +4 -4
- package/dist/esm/atomic-result-placeholder_8.entry.js.map +1 -1
- package/dist/esm/atomic-result.entry.js +1 -1
- package/dist/esm/atomic-result.entry.js.map +1 -1
- package/dist/esm/atomic-search-box-instant-results.entry.js +1 -1
- package/dist/esm/atomic-search-box-query-suggestions_2.entry.js +2 -2
- package/dist/esm/atomic-search-box.entry.js +4 -4
- package/dist/esm/atomic-search-interface.entry.js +1 -1
- package/dist/esm/atomic-smart-snippet-answer_2.entry.js +2 -2
- package/dist/esm/atomic-smart-snippet-collapse-wrapper_2.entry.js +3 -3
- package/dist/esm/atomic-smart-snippet-feedback-modal.entry.js +2 -2
- package/dist/esm/atomic-sort-dropdown.entry.js +2 -2
- package/dist/esm/atomic-sort-expression.entry.js +1 -1
- package/dist/esm/atomic-stencil-facet-date-input.entry.js +3 -3
- package/dist/esm/atomic-suggestion-renderer.entry.js +1 -1
- package/dist/esm/atomic-tab-bar_2.entry.js +1 -1
- package/dist/esm/atomic-tab-button.entry.js +1 -1
- package/dist/esm/atomic-tab-manager.entry.js +1 -1
- package/dist/esm/atomic.js +1 -1
- package/dist/esm/index-3f35faca.js +0 -4
- package/dist/esm/version.js +1 -1
- package/dist/types/components/insight/atomic-insight-interface/atomic-insight-interface.d.ts +35 -42
- package/dist/types/components/insight/index.d.ts +1 -1
- package/dist/types/components.d.ts +4 -113
- package/docs/atomic-docs.json +1 -416
- package/package.json +1 -1
- package/dist/atomic/components/atomic-insight-interface.d.ts +0 -11
- package/dist/atomic/components/atomic-insight-interface.js +0 -332
- package/dist/atomic/components/atomic-insight-interface.js.map +0 -1
- package/dist/atomic/components/insight-layout.js +0 -87
- package/dist/atomic/components/insight-layout.js.map +0 -1
- package/dist/atomic/p-1f5473a6.entry.js +0 -2
- package/dist/atomic/p-217c470c.entry.js +0 -2
- package/dist/atomic/p-217c470c.entry.js.map +0 -1
- package/dist/atomic/p-29919fba.entry.js +0 -2
- package/dist/atomic/p-2caa1859.js +0 -2
- package/dist/atomic/p-2caa1859.js.map +0 -1
- package/dist/atomic/p-412b233b.entry.js +0 -2
- package/dist/atomic/p-412b233b.entry.js.map +0 -1
- package/dist/atomic/p-52121e1e.entry.js +0 -2
- package/dist/atomic/p-64fc4340.entry.js +0 -2
- package/dist/atomic/p-6f7c823d.entry.js +0 -2
- package/dist/atomic/p-8ef0e022.entry.js +0 -2
- package/dist/atomic/p-9d9f201f.entry.js +0 -2
- package/dist/cjs/analytics-config-f2718cd7.js.map +0 -1
- package/dist/cjs/atomic-insight-interface.cjs.entry.js +0 -307
- package/dist/cjs/atomic-insight-interface.cjs.entry.js.map +0 -1
- package/dist/cjs/insight-layout-355a94dd.js +0 -90
- package/dist/cjs/insight-layout-355a94dd.js.map +0 -1
- package/dist/esm/analytics-config-a2ebaf0d.js.map +0 -1
- package/dist/esm/atomic-insight-interface.entry.js +0 -303
- package/dist/esm/atomic-insight-interface.entry.js.map +0 -1
- package/dist/esm/insight-layout-776b87f2.js +0 -87
- package/dist/esm/insight-layout-776b87f2.js.map +0 -1
- /package/dist/atomic/{p-d1d2d945.entry.js.map → p-05a3e5a4.entry.js.map} +0 -0
- /package/dist/atomic/{p-26098930.entry.js.map → p-09953fee.entry.js.map} +0 -0
- /package/dist/atomic/{p-84befe35.entry.js.map → p-0b44ae08.entry.js.map} +0 -0
- /package/dist/atomic/{p-80055cf6.entry.js.map → p-0dac8e7b.entry.js.map} +0 -0
- /package/dist/atomic/{p-5c995d77.entry.js.map → p-0dc6ebf8.entry.js.map} +0 -0
- /package/dist/atomic/{p-ef22a3f2.entry.js.map → p-104c7d84.entry.js.map} +0 -0
- /package/dist/atomic/{p-ce9e510c.entry.js.map → p-117be4a4.entry.js.map} +0 -0
- /package/dist/atomic/{p-cbb819d2.entry.js.map → p-11fc3a7b.entry.js.map} +0 -0
- /package/dist/atomic/{p-b0bd2709.entry.js.map → p-156aa33a.entry.js.map} +0 -0
- /package/dist/atomic/{p-26ad479b.entry.js.map → p-182a3f9e.entry.js.map} +0 -0
- /package/dist/atomic/{p-bfdecd0f.entry.js.map → p-1d8eba10.entry.js.map} +0 -0
- /package/dist/atomic/{p-58610952.entry.js.map → p-24c2110b.entry.js.map} +0 -0
- /package/dist/atomic/{p-52121e1e.entry.js.map → p-256b5495.entry.js.map} +0 -0
- /package/dist/atomic/{p-571c9614.entry.js.map → p-2c64e9a2.entry.js.map} +0 -0
- /package/dist/atomic/{p-6ad1adfb.entry.js.map → p-31e55d26.entry.js.map} +0 -0
- /package/dist/atomic/{p-069bf2b9.entry.js.map → p-39698267.entry.js.map} +0 -0
- /package/dist/atomic/{p-c9fa8526.entry.js.map → p-3a994997.entry.js.map} +0 -0
- /package/dist/atomic/{p-1c3363ec.entry.js.map → p-3c7ed752.entry.js.map} +0 -0
- /package/dist/atomic/{p-5027d796.entry.js.map → p-3e7ea7a5.entry.js.map} +0 -0
- /package/dist/atomic/{p-ab627e18.entry.js.map → p-429270f6.entry.js.map} +0 -0
- /package/dist/atomic/{p-737f842d.entry.js.map → p-43a0f6e2.entry.js.map} +0 -0
- /package/dist/atomic/{p-8b70f39a.entry.js.map → p-455fbbd7.entry.js.map} +0 -0
- /package/dist/atomic/{p-b97abfb9.entry.js.map → p-45e88039.entry.js.map} +0 -0
- /package/dist/atomic/{p-c61609ea.entry.js.map → p-52b66ca8.entry.js.map} +0 -0
- /package/dist/atomic/{p-8ef0e022.entry.js.map → p-564be2a3.entry.js.map} +0 -0
- /package/dist/atomic/{p-09924944.entry.js.map → p-681610d3.entry.js.map} +0 -0
- /package/dist/atomic/{p-2e91aea8.entry.js.map → p-6b297a61.entry.js.map} +0 -0
- /package/dist/atomic/{p-1c2d25ba.entry.js.map → p-6bea42e6.entry.js.map} +0 -0
- /package/dist/atomic/{p-b103b28a.entry.js.map → p-70c431f9.entry.js.map} +0 -0
- /package/dist/atomic/{p-a14fd4de.entry.js.map → p-770da48e.entry.js.map} +0 -0
- /package/dist/atomic/{p-a3a1f8e9.entry.js.map → p-7753ae27.entry.js.map} +0 -0
- /package/dist/atomic/{p-612155f0.entry.js.map → p-7bff27b2.entry.js.map} +0 -0
- /package/dist/atomic/{p-0368a213.entry.js.map → p-81b6d12c.entry.js.map} +0 -0
- /package/dist/atomic/{p-1a79c944.entry.js.map → p-842d31d0.entry.js.map} +0 -0
- /package/dist/atomic/{p-4c7654eb.entry.js.map → p-87747240.entry.js.map} +0 -0
- /package/dist/atomic/{p-258c3253.entry.js.map → p-8b8eb35f.entry.js.map} +0 -0
- /package/dist/atomic/{p-df2df66a.entry.js.map → p-8baf4780.entry.js.map} +0 -0
- /package/dist/atomic/{p-82a8cf74.entry.js.map → p-943b29c2.entry.js.map} +0 -0
- /package/dist/atomic/{p-05ab5909.entry.js.map → p-9507e1bc.entry.js.map} +0 -0
- /package/dist/atomic/{p-aa40956c.entry.js.map → p-971a8a73.entry.js.map} +0 -0
- /package/dist/atomic/{p-552d1f66.entry.js.map → p-a0d04767.entry.js.map} +0 -0
- /package/dist/atomic/{p-c667812c.entry.js.map → p-a5751bb0.entry.js.map} +0 -0
- /package/dist/atomic/{p-fc6beee6.entry.js.map → p-af487ad9.entry.js.map} +0 -0
- /package/dist/atomic/{p-1d091f9a.entry.js.map → p-b1c9b043.entry.js.map} +0 -0
- /package/dist/atomic/{p-516b5bd4.entry.js.map → p-ba9b2923.entry.js.map} +0 -0
- /package/dist/atomic/{p-2d3ef0f7.entry.js.map → p-bbed84f9.entry.js.map} +0 -0
- /package/dist/atomic/{p-5138d839.entry.js.map → p-bfb23490.entry.js.map} +0 -0
- /package/dist/atomic/{p-57b47b73.entry.js.map → p-c15fc656.entry.js.map} +0 -0
- /package/dist/atomic/{p-896724e9.entry.js.map → p-c1721cb2.entry.js.map} +0 -0
- /package/dist/atomic/{p-875583aa.entry.js.map → p-c434b50f.entry.js.map} +0 -0
- /package/dist/atomic/{p-cb051c21.entry.js.map → p-c572a219.entry.js.map} +0 -0
- /package/dist/atomic/{p-15d952f3.entry.js.map → p-c69ae97a.entry.js.map} +0 -0
- /package/dist/atomic/{p-88e4a2f9.entry.js.map → p-c81d1971.entry.js.map} +0 -0
- /package/dist/atomic/{p-633628d5.entry.js.map → p-cbeca949.entry.js.map} +0 -0
- /package/dist/atomic/{p-b7f38541.entry.js.map → p-cc330153.entry.js.map} +0 -0
- /package/dist/atomic/{p-0c9b553c.entry.js.map → p-cd8f11ea.entry.js.map} +0 -0
- /package/dist/atomic/{p-d5071b5a.entry.js.map → p-d1caf040.entry.js.map} +0 -0
- /package/dist/atomic/{p-496da1c9.entry.js.map → p-d1e5e2d7.entry.js.map} +0 -0
- /package/dist/atomic/{p-b16950ec.entry.js.map → p-d3146795.entry.js.map} +0 -0
- /package/dist/atomic/{p-f39de057.entry.js.map → p-d3b5c8e5.entry.js.map} +0 -0
- /package/dist/atomic/{p-aff3a66a.entry.js.map → p-d6d0a47f.entry.js.map} +0 -0
- /package/dist/atomic/{p-b328cab9.entry.js.map → p-db6034e2.entry.js.map} +0 -0
- /package/dist/atomic/{p-3af5e810.entry.js.map → p-e20c18f0.entry.js.map} +0 -0
- /package/dist/atomic/{p-79499898.entry.js.map → p-e50b1d73.entry.js.map} +0 -0
- /package/dist/atomic/{p-c3746d6e.entry.js.map → p-e67dabc9.entry.js.map} +0 -0
- /package/dist/atomic/{p-a2714d7e.entry.js.map → p-e9922d7c.entry.js.map} +0 -0
- /package/dist/atomic/{p-13e67ab3.entry.js.map → p-f076efa7.entry.js.map} +0 -0
- /package/dist/atomic/{p-a7dcf131.entry.js.map → p-f30c4c7d.entry.js.map} +0 -0
- /package/dist/atomic/{p-50467793.entry.js.map → p-f45a7b82.entry.js.map} +0 -0
- /package/dist/atomic/{p-2c7d4967.entry.js.map → p-f79f31f8.entry.js.map} +0 -0
- /package/dist/atomic/{p-cdd70f49.entry.js.map → p-fa1dcc3e.entry.js.map} +0 -0
- /package/dist/atomic/{p-e750df14.entry.js.map → p-fce653a1.entry.js.map} +0 -0
- /package/dist/atomic/{p-ce83d873.entry.js.map → p-fe23b0b3.entry.js.map} +0 -0
|
@@ -14,7 +14,7 @@ require('./purify-85b542e2.js');
|
|
|
14
14
|
require('./_commonjsHelpers-b3309d7b.js');
|
|
15
15
|
require('./sections-fbb93b53.js');
|
|
16
16
|
|
|
17
|
-
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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\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 {\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-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\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 {\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";
|
|
17
|
+
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 {\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 {\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 {\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-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description, :host .result-root.with-sections atomic-result-section-bottom-metadata {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n :host .result-root.with-sections.image-icon atomic-result-section-visual, :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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\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 {\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-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n font-weight: 500;\n --font-size: var(--atomic-text-2xl);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --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-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n line-height: var(--line-height);\n --font-size: var(--atomic-text-sm);\n font-size: var(--font-size);\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 {\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 {\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 {\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";
|
|
18
18
|
const AtomicInsightResultStyle0 = atomicInsightResultCss;
|
|
19
19
|
|
|
20
20
|
const AtomicInsightResult = class {
|
|
@@ -76,7 +76,7 @@ const AtomicInsightResult = class {
|
|
|
76
76
|
.join('');
|
|
77
77
|
}
|
|
78
78
|
render() {
|
|
79
|
-
return (index.h(index.Host, { key: '
|
|
79
|
+
return (index.h(index.Host, { key: 'f6fbaa05b5167c46aea66de9a5d894f348e02075', class: stencilItemListCommon.resultComponentClass }, index.h("div", { key: '6a2195a1bc20493b1a1d728bdc0242a5714bca70', class: `result-root ${this.layout
|
|
80
80
|
.getClasses()
|
|
81
81
|
.concat(this.classes)
|
|
82
82
|
.join(' ')}`, innerHTML: this.getContentHTML() })));
|