@coveo/atomic 3.32.3-pre.c4fc3e940e → 3.32.3-pre.cf57de7ea3
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/components/analytics-config.js +1 -1
- package/dist/atomic/components/atomic-folded-result-list.js +1 -1
- package/dist/atomic/components/atomic-folded-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-insight-folded-result-list.js +1 -1
- package/dist/atomic/components/atomic-insight-folded-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-insight-result-list.js +1 -1
- package/dist/atomic/components/atomic-insight-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-ipx-recs-list.js +1 -1
- package/dist/atomic/components/atomic-ipx-recs-list.js.map +1 -1
- package/dist/atomic/components/atomic-recs-list.js +1 -1
- package/dist/atomic/components/atomic-recs-list.js.map +1 -1
- package/dist/atomic/components/atomic-result-list.js +1 -1
- package/dist/atomic/components/atomic-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-result-table-placeholder2.js +1 -1
- package/dist/atomic/components/atomic-result-table-placeholder2.js.map +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js +2 -4
- package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js +3 -5
- package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-facets/atomic-commerce-facets.js +0 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-interface/atomic-commerce-interface.js +1 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.js +4 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js +3 -6
- package/dist/atomic/components/components/commerce/atomic-commerce-pager/atomic-commerce-pager.js +0 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js +2 -4
- package/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js +3 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js +2 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +3 -5
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js +1 -4
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js +1 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js +3 -5
- package/dist/atomic/components/components/commerce/atomic-product/atomic-product.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.js +4 -3
- package/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.tw.css.js +3 -2
- package/dist/atomic/components/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.js +0 -1
- package/dist/atomic/components/components/commerce/atomic-product-price/atomic-product-price.js +0 -1
- package/dist/atomic/components/components/commerce/atomic-product-rating/atomic-product-rating.js +5 -8
- package/dist/atomic/components/components/commerce/atomic-product-template/atomic-product-template.js +0 -2
- package/dist/atomic/components/components/common/atomic-rating/atomic-rating.tw.css.js +2 -1
- package/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.js +1 -0
- package/dist/atomic/components/components/common/facets/facet-value-link/facet-value-link.js +1 -0
- package/dist/atomic/components/global/environment.js +1 -1
- package/dist/atomic/components/utils/coveo.tw.css.js +1 -1
- package/dist/atomic/{p-35929829.entry.js → p-3c0f4e14.entry.js} +2 -2
- package/dist/atomic/{p-35929829.entry.js.map → p-3c0f4e14.entry.js.map} +1 -1
- package/dist/atomic/{p-5b4a2577.js → p-46729cc0.js} +2 -2
- package/dist/atomic/{p-b5d39c94.entry.js → p-570070ff.entry.js} +2 -2
- package/dist/atomic/p-76501bba.entry.js +2 -0
- package/dist/atomic/{p-8a74eff4.entry.js.map → p-76501bba.entry.js.map} +1 -1
- package/dist/atomic/p-98f168f4.entry.js +2 -0
- package/dist/atomic/{p-a006f8bc.entry.js.map → p-98f168f4.entry.js.map} +1 -1
- package/dist/atomic/p-9dfc09f5.entry.js +2 -0
- package/dist/atomic/{p-138bf395.entry.js.map → p-9dfc09f5.entry.js.map} +1 -1
- package/dist/atomic/p-a6e74240.entry.js +2 -0
- package/dist/atomic/{p-2982ebb7.entry.js.map → p-a6e74240.entry.js.map} +1 -1
- package/dist/atomic/{p-89195ea3.entry.js → p-c3314b9f.entry.js} +2 -2
- package/dist/atomic/{p-59ce6f87.entry.js → p-c3958d05.entry.js} +2 -2
- package/dist/atomic/p-d6fddc20.entry.js +2 -0
- package/dist/atomic/{p-2eac467d.entry.js.map → p-d6fddc20.entry.js.map} +1 -1
- package/dist/atomic/{p-67a47b7b.entry.js → p-e842ec4f.entry.js} +2 -2
- package/dist/atomic/{p-67a47b7b.entry.js.map → p-e842ec4f.entry.js.map} +1 -1
- package/dist/cjs/{analytics-config-6737108b.js → analytics-config-c5cffe29.js} +2 -2
- package/dist/cjs/{analytics-config-6737108b.js.map → analytics-config-c5cffe29.js.map} +1 -1
- package/dist/cjs/atomic-folded-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-folded-result-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-insight-interface.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-insight-result-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-recs-interface.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-result-list.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-list.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js +1 -1
- package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-search-interface.cjs.entry.js +1 -1
- package/dist/cjs/version.cjs.js +2 -2
- package/dist/esm/{analytics-config-00736330.js → analytics-config-5a0ff313.js} +2 -2
- package/dist/esm/{analytics-config-00736330.js.map → analytics-config-5a0ff313.js.map} +1 -1
- package/dist/esm/atomic-folded-result-list.entry.js +1 -1
- package/dist/esm/atomic-folded-result-list.entry.js.map +1 -1
- package/dist/esm/atomic-insight-folded-result-list.entry.js +1 -1
- package/dist/esm/atomic-insight-folded-result-list.entry.js.map +1 -1
- package/dist/esm/atomic-insight-interface.entry.js +1 -1
- package/dist/esm/atomic-insight-result-list.entry.js +1 -1
- package/dist/esm/atomic-insight-result-list.entry.js.map +1 -1
- package/dist/esm/atomic-ipx-recs-list.entry.js +1 -1
- package/dist/esm/atomic-ipx-recs-list.entry.js.map +1 -1
- package/dist/esm/atomic-recs-interface.entry.js +1 -1
- package/dist/esm/atomic-recs-list.entry.js +1 -1
- package/dist/esm/atomic-recs-list.entry.js.map +1 -1
- package/dist/esm/atomic-result-list.entry.js +1 -1
- package/dist/esm/atomic-result-list.entry.js.map +1 -1
- package/dist/esm/atomic-result-placeholder_8.entry.js +1 -1
- package/dist/esm/atomic-result-placeholder_8.entry.js.map +1 -1
- package/dist/esm/atomic-search-interface.entry.js +1 -1
- package/dist/esm/version.js +2 -2
- package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-facet/atomic-commerce-facet.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-facets/atomic-commerce-facets.d.ts +0 -1
- package/dist/types/components/commerce/atomic-commerce-interface/atomic-commerce-interface.d.ts +1 -2
- package/dist/types/components/commerce/atomic-commerce-layout/atomic-commerce-layout.d.ts +2 -1
- package/dist/types/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.d.ts +0 -3
- package/dist/types/components/commerce/atomic-commerce-pager/atomic-commerce-pager.d.ts +0 -1
- package/dist/types/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.d.ts +3 -1
- package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.d.ts +0 -1
- package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.d.ts +1 -4
- package/dist/types/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.d.ts +1 -2
- package/dist/types/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.d.ts +0 -2
- package/dist/types/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.d.ts +0 -2
- package/dist/types/components/commerce/atomic-product/atomic-product.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-product-field-condition/atomic-product-field-condition.d.ts +0 -2
- package/dist/types/components/commerce/atomic-product-link/atomic-product-link.d.ts +2 -1
- package/dist/types/components/commerce/atomic-product-link/atomic-product-link.tw.css.d.ts +2 -0
- package/dist/types/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.d.ts +0 -2
- package/dist/types/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.d.ts +0 -1
- package/dist/types/components/commerce/atomic-product-price/atomic-product-price.d.ts +0 -1
- package/dist/types/components/commerce/atomic-product-rating/atomic-product-rating.d.ts +1 -3
- package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts +0 -2
- package/docs/atomic-docs.json +1 -1
- package/package.json +3 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-facet/atomic-commerce-facet.tw.css.js +0 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tw.css.js +0 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.tw.css.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.tw.css.js +0 -3
- package/dist/atomic/components/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tw.css.js +0 -3
- package/dist/atomic/components/components/commerce/atomic-product-children/atomic-product-children.tw.css.js +0 -2
- package/dist/atomic/components/components/commerce/atomic-product-rating/atomic-product-rating.tw.css.js +0 -3
- package/dist/atomic/p-138bf395.entry.js +0 -2
- package/dist/atomic/p-2982ebb7.entry.js +0 -2
- package/dist/atomic/p-2eac467d.entry.js +0 -2
- package/dist/atomic/p-8a74eff4.entry.js +0 -2
- package/dist/atomic/p-a006f8bc.entry.js +0 -2
- /package/dist/atomic/{p-5b4a2577.js.map → p-46729cc0.js.map} +0 -0
- /package/dist/atomic/{p-b5d39c94.entry.js.map → p-570070ff.entry.js.map} +0 -0
- /package/dist/atomic/{p-89195ea3.entry.js.map → p-c3314b9f.entry.js.map} +0 -0
- /package/dist/atomic/{p-59ce6f87.entry.js.map → p-c3958d05.entry.js.map} +0 -0
|
@@ -15,8 +15,6 @@ import { getPartialRecentQueryClearElement, getPartialRecentQueryElement, render
|
|
|
15
15
|
import { dispatchSearchBoxSuggestionsEvent, } from '../../common/suggestions/suggestions-common';
|
|
16
16
|
/**
|
|
17
17
|
* The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions.
|
|
18
|
-
*
|
|
19
|
-
* @alpha
|
|
20
18
|
*/
|
|
21
19
|
let AtomicCommerceSearchBoxRecentQueries = class AtomicCommerceSearchBoxRecentQueries extends LitElement {
|
|
22
20
|
constructor() {
|
|
@@ -27,8 +27,6 @@ import { getSortByLabel, renderCommerceSortOption } from '../sort/option';
|
|
|
27
27
|
* @part select - The `<select>` element of the dropdown list.
|
|
28
28
|
* @part select-separator - The element separating the select from the icon.
|
|
29
29
|
* @part placeholder - The dropdown placeholder for while the interface is initializing.
|
|
30
|
-
*
|
|
31
|
-
* @alpha
|
|
32
30
|
*/
|
|
33
31
|
let AtomicCommerceSortDropdown = class AtomicCommerceSortDropdown extends LitElement {
|
|
34
32
|
constructor() {
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { deserializeRelativeDate, } from '@coveo/headless/commerce';
|
|
8
|
-
import { html, LitElement
|
|
8
|
+
import { css, html, LitElement } from 'lit';
|
|
9
9
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
10
10
|
import { when } from 'lit/directives/when.js';
|
|
11
11
|
import { renderFacetContainer } from "../../common/facets/facet-container/facet-container";
|
|
@@ -23,7 +23,6 @@ import { FocusTargetController } from "../../../utils/accessibility-utils";
|
|
|
23
23
|
import { parseDate } from "../../../utils/date-utils";
|
|
24
24
|
import '../../common/atomic-facet-date-input/atomic-facet-date-input';
|
|
25
25
|
import { shouldDisplayInputForFacetRange } from '../../common/facets/facet-common';
|
|
26
|
-
import styles from './atomic-commerce-timeframe-facet.tw.css';
|
|
27
26
|
/**
|
|
28
27
|
* A facet is a list of values for a certain field occurring in the results.
|
|
29
28
|
* An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
|
|
@@ -42,8 +41,6 @@ import styles from './atomic-commerce-timeframe-facet.tw.css';
|
|
|
42
41
|
* @part input-start - The start date input field.
|
|
43
42
|
* @part input-end - The end date input field.
|
|
44
43
|
* @part input-apply-button - The button to apply date range selection.
|
|
45
|
-
*
|
|
46
|
-
* @internal
|
|
47
44
|
*/
|
|
48
45
|
let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet extends InitializeBindingsMixin(LitElement) {
|
|
49
46
|
constructor() {
|
|
@@ -219,7 +216,8 @@ let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet extends In
|
|
|
219
216
|
}
|
|
220
217
|
}
|
|
221
218
|
};
|
|
222
|
-
AtomicCommerceTimeframeFacet.styles =
|
|
219
|
+
AtomicCommerceTimeframeFacet.styles = css`/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
220
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.value-count{margin-left:calc(var(--spacing,.25rem)*1.5);color:var(--atomic-neutral-dark);[part=value-exclude-button]+&{margin-right:calc(var(--spacing,.25rem)*2)}}:host(.popover-nested){min-width:var(--container-2xs,18rem);&::part(label-button){display:none}&::part(facet){--tw-shadow:0px 2px 8px var(--tw-shadow-color,#e5e8e8bf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&::part(values){margin-top:calc(var(--spacing,.25rem)*0);max-height:calc(var(--spacing,.25rem)*96);overflow-y:auto}&::part(search-wrapper){margin-bottom:calc(var(--spacing,.25rem)*2)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`;
|
|
223
221
|
__decorate([
|
|
224
222
|
property({ type: Object })
|
|
225
223
|
], AtomicCommerceTimeframeFacet.prototype, "summary", void 0);
|
|
@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { html, LitElement
|
|
7
|
+
import { html, LitElement } from 'lit';
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
import { ref } from 'lit/directives/ref.js';
|
|
10
10
|
import { resultComponentClass, } from "../../common/item-list/item-list-common";
|
|
@@ -196,7 +196,7 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
};
|
|
199
|
-
AtomicProduct.styles =
|
|
199
|
+
AtomicProduct.styles = styles;
|
|
200
200
|
__decorate([
|
|
201
201
|
property({
|
|
202
202
|
attribute: 'stop-propagation',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
3
|
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}atomic-result-section-badges{text-align:left}atomic-result-section-actions{text-align:right}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}atomic-result-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.5rem}:host{position:relative;@layer components{& :host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{text-align:left}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.5rem}& .result-root{&.with-sections{justify-items:stretch;display:grid;& atomic-result-section-visual,& atomic-product-section-visual{grid-area:visual}& atomic-result-section-badges,& atomic-product-section-badges{grid-area:badges}& atomic-result-section-actions,& atomic-product-section-actions{grid-area:actions;& atomic-result-quickview{display:inline-block}}& atomic-result-section-title,& atomic-product-section-name{color:var(--atomic-on-background);grid-area:title}& atomic-result-section-title-metadata,& atomic-product-section-metadata{grid-area:title-metadata}& atomic-result-section-emphasized,& atomic-product-section-emphasized{grid-area:emphasized}& atomic-result-section-excerpt,& atomic-product-section-description{color:var(--atomic-neutral-dark);grid-area:excerpt}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{color:var(--atomic-neutral-dark);grid-area:bottom-metadata}& atomic-result-section-children,& atomic-product-section-children{grid-area:children}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{max-height:calc(2*var(--row-height,2rem) + .5rem);flex-wrap:wrap;gap:.5rem;display:flex}& atomic-result-section-visual,& atomic-product-section-visual,& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions,& atomic-result-section-title,& atomic-product-section-name,& atomic-result-section-title-metadata,& atomic-product-section-metadata,& atomic-result-section-emphasized,& atomic-product-section-emphasized,& atomic-result-section-excerpt,& atomic-product-section-description,& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{text-overflow:ellipsis;overflow:hidden}&.image-icon{& atomic-result-section-visual,& atomic-product-section-visual{border-radius:var(--atomic-border-radius)}}&.display-list{@media (width>=1024px){&.image-large.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{width:10.25rem;height:10.25rem}}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px}}&.density-comfortable{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1.5rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1.5rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5rem;margin-top:1.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:1.25rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.75rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1.25rem;padding:1.75rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:.875rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.5rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:.875rem;padding:1.5rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.25rem;margin-top:1rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.6875rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:.475rem;padding:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& .placeholder{margin-bottom:1rem}}&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;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"}&.image-large.density-comfortable,&.image-large.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{width:20.375rem;height:20.375rem}}&.image-small,&.image-large.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{width:10rem;height:10rem}}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;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";& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;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";& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}@media not all and (width>=1024px){& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral)}}&.density-comfortable{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:.75rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.75rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1.75rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:.75rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:.625rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.5rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1.5rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:.5em}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.25rem;margin-top:.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.4375rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& .placeholder{margin-bottom:1rem}}&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children";& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;margin-bottom:1rem;margin-right:0;@supports not (aspect-ratio:1 / 1){&{height:7.25rem}}}}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children";& atomic-result-section-visual,& atomic-product-section-visual{width:24vw;height:24vw;margin-bottom:1rem}}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children";& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem;margin-bottom:0}}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children";& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}}&.display-grid{& a,& button{position:relative}&.image-large{@media (width>=1024px){&{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions"}&.density-comfortable{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 2rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:2rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2.5rem;margin-top:2.25rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:1.75rem}}&.density-normal{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 1.5rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1.5rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1.75rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:1.375rem}}&.density-compact{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 1rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1.25rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.9375rem}}&.image-large{& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:19.75rem}}}& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1rem}}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:14rem}}}}&.image-none{& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}@media not all and (width>=1024px){& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral)}}&.density-comfortable{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:.75rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.75rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1.75rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:.75rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:.625rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.5rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1.5rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2.5rem;margin-top:.5em}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.25rem;margin-top:.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.4375rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1rem;margin-left:-1rem;margin-right:-1rem;padding-top:1rem;padding-left:1rem;padding-right:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& .placeholder{margin-bottom:1rem}}&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children";& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;margin-bottom:1rem;margin-right:0;@supports not (aspect-ratio:1 / 1){&{height:7.25rem}}}}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children";& atomic-result-section-visual,& atomic-product-section-visual{width:24vw;height:24vw;margin-bottom:1rem}}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children";& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem;margin-bottom:0}}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children";& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}}&.image-small,&.image-icon,&.image-none{@media (width>=1024px){&{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions"}&.density-comfortable{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 2rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:2rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2.5rem;margin-top:2.25rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:1.75rem}}&.density-normal{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 1.5rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1.5rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1.75rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:1.375rem}}&.density-compact{&.image-large,&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{margin:0 auto 1rem}}&.image-icon{& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1rem}& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1.25rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.9375rem}}&.image-large{& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:19.75rem}}}& atomic-result-section-badges,& atomic-product-section-badges{margin-bottom:1rem}}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:14rem}}}}&.image-none{& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}@media not all and (width>=1024px){&{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions"}&.density-comfortable{& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:1rem}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{width:10.25rem;height:10.25rem}}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1.25rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3rem;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3rem;margin-top:1rem}& atomic-result-section-children,& atomic-product-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:1.25rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.75rem}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{width:10.25rem;height:10.25rem}}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3rem;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3rem;margin-top:.75rem}& atomic-result-section-children,& atomic-product-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:1rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-bottom:.5rem}&.image-large{& atomic-result-section-visual,& atomic-product-section-visual{width:100%}}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{width:10.25rem;height:10.25rem}}& atomic-result-section-badges,& atomic-product-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-bottom:1rem}& atomic-result-section-actions,& atomic-product-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);--row-height:2rem;margin-top:.75rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3rem;display:-webkit-box;overflow:hidden}& atomic-result-section-title-metadata,& atomic-product-section-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.475rem}& atomic-result-section-emphasized,& atomic-product-section-emphasized{--font-size:var(--atomic-text-2xl);font-weight:500;font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3rem;margin-top:.5rem}& atomic-result-section-children,& atomic-product-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);margin-top:.75rem}}&.image-small{& atomic-result-section-visual,& atomic-product-section-visual{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:100%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:9rem}}}}&.image-icon{& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}&.image-none{& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}}}&.display-table{&.image-large.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{width:10.25rem;height:10.25rem}}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px}}&.density-comfortable{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1.5rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1.5rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5rem;margin-top:1.75rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:4rem;margin-top:1.25rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.75rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:1.25rem;padding:1.75rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5rem;margin-top:1.25rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.5rem;margin-top:.875rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1.5rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:.875rem;padding:1.5rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-product-section-badges,& atomic-result-section-actions,& atomic-product-section-actions{--row-height:2rem;margin-bottom:1rem}& atomic-result-section-title,& atomic-product-section-name{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height)}& atomic-result-section-excerpt,& atomic-product-section-description{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.25rem;margin-top:1rem;display:-webkit-box;overflow:hidden}& atomic-result-section-bottom-metadata,& atomic-product-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);font-size:var(--font-size);line-height:var(--line-height);max-height:3.25rem;margin-top:.6875rem}& atomic-result-section-title-metadata,& atomic-product-section-metadata{margin-top:.475rem}&.child-result:not(.last-child){margin-bottom:1rem}& atomic-result-section-children,& atomic-product-section-children{& atomic-result-children::part(children-root),& atomic-insight-result-children::part(children-root),& atomic-product-children::part(children-root){margin-top:.475rem;padding:1rem}& atomic-result-children::part(show-hide-button),& atomic-insigh-result-children::part(show-hide-button),& atomic-product-children::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& .placeholder{margin-bottom:1rem}}&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;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"}&.image-large.density-comfortable,&.image-large.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{width:20.375rem;height:20.375rem}}&.image-small,&.image-large.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{width:10rem;height:10rem}}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;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";& atomic-result-section-visual,& atomic-product-section-visual{width:2rem;height:2rem}}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;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";& atomic-result-section-visual,& atomic-product-section-visual{display:none}}}}& atomic-table-element{display:none}}& .link-container{display:none}}& .with-sections{&.image-icon{& atomic-product-image::part(previous-button),& atomic-product-image::part(next-button),& atomic-product-image::part(indicator){display:none}}&.display-grid{&.image-large,&.image-small,&.image-icon,&.image-none{& atomic-product-section-name{min-height:calc(var(--line-height)*2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:16.65%;max-width:4.75rem;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}&.density-comfortable{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:1.25rem}}}&.density-normal{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.75rem}}}&.density-compact{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.25rem}}}}&.display-list{@media (width>=1024px){&.image-large.density-comfortable,&.image-large.density-normal{& atomic-product-section-children .product-child{width:6.75rem;height:6.75rem}}&.image-small atomic-product-section-children .product-child,&.image-large.density-compact atomic-product-section-children .product-child,&.image-icon atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;aspect-ratio:1;aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child,&.image-icon atomic-product-section-children .product-child{width:2rem;height:2rem}}}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
|
|
3
|
-
export default
|
|
4
|
+
export default styles;
|
|
@@ -16,8 +16,6 @@ import { makeDefinedConditions, makeMatchConditions, } from '../../common/produc
|
|
|
16
16
|
* The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
|
|
17
17
|
*
|
|
18
18
|
* @slot default - The content to render if the conditions are met.
|
|
19
|
-
*
|
|
20
|
-
* @alpha
|
|
21
19
|
*/
|
|
22
20
|
let AtomicProductFieldCondition = class AtomicProductFieldCondition extends LitElement {
|
|
23
21
|
constructor() {
|
package/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.js
CHANGED
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { isUndefined } from '@coveo/bueno';
|
|
8
|
-
import { html, LitElement
|
|
8
|
+
import { html, LitElement } from 'lit';
|
|
9
9
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
10
10
|
import { when } from 'lit/directives/when.js';
|
|
11
11
|
import { getAttributesFromLinkSlot } from "../../common/item-link/attributes-slot";
|
|
@@ -22,7 +22,8 @@ import '../atomic-product-text/atomic-product-text';
|
|
|
22
22
|
import { SlotsForNoShadowDOMMixin, } from "../../../mixins/slots-for-no-shadow-dom-mixin";
|
|
23
23
|
import styles from './atomic-product-link.tw.css';
|
|
24
24
|
/**
|
|
25
|
-
* The `atomic-product-link` component automatically transforms a
|
|
25
|
+
* The `atomic-product-link` component automatically transforms a product `ec_name` into a clickable link that points to the original item.
|
|
26
|
+
*
|
|
26
27
|
* @slot default - The content to display inside the link.
|
|
27
28
|
* @slot attributes - Use `<a slot="attributes" target="_blank"></a>` to pass custom attributes to the generated link.
|
|
28
29
|
*/
|
|
@@ -113,7 +114,7 @@ let AtomicProductLink = class AtomicProductLink extends SlotsForNoShadowDOMMixin
|
|
|
113
114
|
})}`;
|
|
114
115
|
}
|
|
115
116
|
};
|
|
116
|
-
AtomicProductLink.styles =
|
|
117
|
+
AtomicProductLink.styles = styles;
|
|
117
118
|
__decorate([
|
|
118
119
|
property({ type: String, attribute: 'href-template', reflect: true })
|
|
119
120
|
], AtomicProductLink.prototype, "hrefTemplate", void 0);
|
package/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.tw.css.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
3
|
atomic-product-link{& a{color:var(--atomic-on-background);&:hover,&:focus-visible{color:var(--atomic-primary);text-decoration:underline}&:focus{outline:none}&:visited{color:var(--atomic-visited)}}}`;
|
|
3
|
-
export default
|
|
4
|
+
export default styles;
|
|
@@ -15,8 +15,6 @@ import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
|
|
|
15
15
|
import { getFieldValueCaption } from '../../../utils/field-utils';
|
|
16
16
|
import { titleToKebab } from '../../../utils/utils';
|
|
17
17
|
/**
|
|
18
|
-
* @alpha
|
|
19
|
-
*
|
|
20
18
|
* The `atomic-product-multi-value-text` component renders the values of a multi-value string field.
|
|
21
19
|
*
|
|
22
20
|
* @part product-multi-value-text-list - The list of field values.
|
|
@@ -18,7 +18,6 @@ import { parseValue } from '../product-template-component-utils/product-utils.js
|
|
|
18
18
|
* The `atomic-product-numeric-field-value` component renders the value of a number product field.
|
|
19
19
|
*
|
|
20
20
|
* The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.
|
|
21
|
-
* @alpha
|
|
22
21
|
*/
|
|
23
22
|
let AtomicProductNumericFieldValue = class AtomicProductNumericFieldValue extends LitElement {
|
|
24
23
|
constructor() {
|
package/dist/atomic/components/components/commerce/atomic-product-price/atomic-product-price.js
CHANGED
|
@@ -20,7 +20,6 @@ import { defaultCurrencyFormatter } from '../../common/formats/format-common.js'
|
|
|
20
20
|
import { parseValue } from '../product-template-component-utils/product-utils.js';
|
|
21
21
|
/**
|
|
22
22
|
* The `atomic-product-price` component renders the price of a product.
|
|
23
|
-
* @alpha
|
|
24
23
|
*/
|
|
25
24
|
let AtomicProductPrice = class AtomicProductPrice extends LitElement {
|
|
26
25
|
constructor() {
|
package/dist/atomic/components/components/commerce/atomic-product-rating/atomic-product-rating.js
CHANGED
|
@@ -5,14 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
|
|
8
|
-
import { html, LitElement } from 'lit';
|
|
8
|
+
import { css, html, LitElement } from 'lit';
|
|
9
9
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
10
10
|
import { when } from 'lit/directives/when.js';
|
|
11
11
|
import { bindingGuard } from "../../../decorators/binding-guard";
|
|
12
12
|
import { bindings } from "../../../decorators/bindings.js";
|
|
13
13
|
import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
|
|
14
14
|
import { errorGuard } from "../../../decorators/error-guard";
|
|
15
|
-
import {
|
|
15
|
+
import { injectStylesForNoShadowDOM } from "../../../decorators/inject-styles-for-no-shadow-dom";
|
|
16
16
|
const Star = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 13 13\">\n <path\n d=\"m 2.6226137,7.5483827 -1.73646599,-1.67659 c -0.58287,-0.56277 -0.2895686,-1.54878 0.50612799,-1.70148 l 2.630348,-0.50477 c 0.31897,-0.06121 0.58834,-0.27352 0.72239,-0.56935 l 0.84414,-1.86293 c 0.35481,-0.78302702 1.46689,-0.78302802 1.8217,0 l 0.84414,1.86293 c 0.13405,0.29583 0.40342,0.50814 0.72239,0.56935 l 2.6303203,0.50477 c 0.7957,0.1527 1.089,1.13871 0.5062,1.70148 l -1.73651,1.67659 c -0.23632,0.22817 -0.34551,0.55786 -0.2921,0.88198 l 0.45461,2.7587403 c 0.1357,0.824 -0.7386003,1.4416 -1.4698203,1.0382 l -2.087,-1.1515 c -0.30069,-0.1659 -0.66547,-0.1659 -0.96616,0 l -2.087,1.1515 c -0.73122,0.4034 -1.60555,-0.2142 -1.46978,-1.0382 l 0.45457,-2.7587403 c 0.05341,-0.32412 -0.05578,-0.65381 -0.2921,-0.88198 z\"\n stroke-width=\"0.8125\"\n />\n</svg>";
|
|
17
17
|
import { computeNumberOfStars, renderRating, } from '../../common/atomic-rating/rating.js';
|
|
18
18
|
/**
|
|
@@ -24,8 +24,6 @@ import { computeNumberOfStars, renderRating, } from '../../common/atomic-rating/
|
|
|
24
24
|
* @cssprop --atomic-rating-icon-active-color - Color of the icon when active.
|
|
25
25
|
* @cssprop --atomic-rating-icon-inactive-color - Color of the icon when inactive.
|
|
26
26
|
* @cssprop --atomic-rating-icon-outline - Outline color of the icon.
|
|
27
|
-
*
|
|
28
|
-
* @alpha
|
|
29
27
|
*/
|
|
30
28
|
let AtomicProductRating = class AtomicProductRating extends LitElement {
|
|
31
29
|
constructor() {
|
|
@@ -90,9 +88,6 @@ let AtomicProductRating = class AtomicProductRating extends LitElement {
|
|
|
90
88
|
this.updateNumberOfStars();
|
|
91
89
|
this.updateRatingDetailsValue();
|
|
92
90
|
}
|
|
93
|
-
createRenderRoot() {
|
|
94
|
-
return this;
|
|
95
|
-
}
|
|
96
91
|
render() {
|
|
97
92
|
if (!this.product && this.productController.item) {
|
|
98
93
|
this.product = this.productController.item;
|
|
@@ -121,6 +116,8 @@ let AtomicProductRating = class AtomicProductRating extends LitElement {
|
|
|
121
116
|
`;
|
|
122
117
|
}
|
|
123
118
|
};
|
|
119
|
+
AtomicProductRating.styles = css`/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
120
|
+
@layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
|
|
124
121
|
__decorate([
|
|
125
122
|
state()
|
|
126
123
|
], AtomicProductRating.prototype, "bindings", void 0);
|
|
@@ -155,6 +152,6 @@ __decorate([
|
|
|
155
152
|
AtomicProductRating = __decorate([
|
|
156
153
|
customElement('atomic-product-rating'),
|
|
157
154
|
bindings(),
|
|
158
|
-
|
|
155
|
+
injectStylesForNoShadowDOM
|
|
159
156
|
], AtomicProductRating);
|
|
160
157
|
export { AtomicProductRating };
|
|
@@ -33,8 +33,6 @@ import '../atomic-product-rating/atomic-product-rating';
|
|
|
33
33
|
* @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that must not be matched by a product item for the template to apply. For example, a template with the following attribute only applies to product items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage";type: Record<string, string[]> ;default: {}
|
|
34
34
|
* @slot default - The default slot where to insert the template element.
|
|
35
35
|
* @slot link - A `template` element that contains a single `atomic-product-link` component.
|
|
36
|
-
*
|
|
37
|
-
* @alpha
|
|
38
36
|
*/
|
|
39
37
|
let AtomicProductTemplate = class AtomicProductTemplate extends LitElement {
|
|
40
38
|
constructor() {
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
const css =
|
|
1
|
+
const css = `/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
|
|
2
3
|
export default css;
|
package/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.js
CHANGED
|
@@ -12,6 +12,7 @@ export const renderFacetValueCheckbox = ({ props }) => (children) => {
|
|
|
12
12
|
const ariaLabelAttributes = {
|
|
13
13
|
value: props.displayValue,
|
|
14
14
|
count: props.numberOfResults,
|
|
15
|
+
formattedCount: count,
|
|
15
16
|
interpolation: { escapeValue: false },
|
|
16
17
|
};
|
|
17
18
|
const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);
|
package/dist/atomic/components/components/common/facets/facet-value-link/facet-value-link.js
CHANGED
|
@@ -7,6 +7,7 @@ export const renderFacetValueLink = ({ props }) => (children) => {
|
|
|
7
7
|
const ariaLabel = props.i18n.t('facet-value', {
|
|
8
8
|
value: props.displayValue,
|
|
9
9
|
count: props.numberOfResults,
|
|
10
|
+
formattedCount: count,
|
|
10
11
|
interpolation: { escapeValue: false },
|
|
11
12
|
});
|
|
12
13
|
let part = props.part ??
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const css = `@theme inline static{ --atomic-primary: #126ce0; --atomic-primary-light: #399ffe; --atomic-primary-dark: #1a50ad; --atomic-on-primary: #fff; --atomic-ring-primary: #1372ec80; --atomic-neutral-dark: #626971; --atomic-neutral-dim: #bfc4c8; --atomic-neutral: #e5e8e8; --atomic-neutral-light: #f6f7f9; --atomic-neutral-lighter: #f2f2f2; --atomic-background: #fff; --atomic-on-background: #282829; --atomic-success: #12a244; --atomic-error: #ce3f00; --atomic-visited: #752e9c; --atomic-disabled: #c5cacf; --atomic-success-background: #d4fcf0; --atomic-error-background: #fcbdc0; --atomic-primary-background: #edf6ff; --atomic-inline-code: #cd2113;
|
|
1
|
+
const css = `@theme inline static{ --atomic-primary: #126ce0; --atomic-primary-light: #399ffe; --atomic-primary-dark: #1a50ad; --atomic-on-primary: #fff; --atomic-ring-primary: #1372ec80; --atomic-neutral-dark: #626971; --atomic-neutral-dim: #bfc4c8; --atomic-neutral: #e5e8e8; --atomic-neutral-light: #f6f7f9; --atomic-neutral-lighter: #f2f2f2; --atomic-background: #fff; --atomic-on-background: #282829; --atomic-success: #12a244; --atomic-error: #ce3f00; --atomic-visited: #752e9c; --atomic-disabled: #c5cacf; --atomic-success-background: #d4fcf0; --atomic-error-background: #fcbdc0; --atomic-primary-background: #edf6ff; --atomic-inline-code: #cd2113; --atomic-border-radius: .25rem; --atomic-border-radius-md: .5rem; --atomic-border-radius-lg: .75rem; --atomic-border-radius-xl: 1rem; --atomic-font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif; --atomic-font-normal: 400; --atomic-font-bold: 700; --atomic-text-base: .875rem; --atomic-text-sm: .75rem; --atomic-text-lg: 1rem; --atomic-text-xl: 1.125rem; --atomic-text-2xl: 1.5rem; --atomic-line-height-ratio: 1.5; --atomic-layout-spacing-x: 1.5rem; --atomic-layout-spacing-y: 1rem;}@theme inline static{--color-primary: var(--atomic-primary); --color-primary-light: var(--atomic-primary-light); --color-primary-dark: var(--atomic-primary-dark); --color-on-primary: var(--atomic-on-primary); --color-ring-primary: var(--atomic-ring-primary); --color-primary-background: var(--atomic-primary-background); --color-neutral-dark: var(--atomic-neutral-dark); --color-neutral-dim: var(--atomic-neutral-dim); --color-neutral: var(--atomic-neutral); --color-neutral-light: var(--atomic-neutral-light); --color-neutral-lighter: var(--atomic-neutral-lighter); --color-background: var(--atomic-background); --color-on-background: var(--atomic-on-background); --color-success: var(--atomic-success); --color-error: var(--atomic-error); --color-visited: var(--atomic-visited); --color-disabled: var(--atomic-disabled); --color-inline-code: var(--atomic-inline-code); --color-rating-icon-inactive: var(--atomic-rating-icon-inactive-color,var(--atomic-neutral)); --color-rating-icon-active: var(--atomic-rating-icon-active-color,#f6ce3c); --color-rating-icon-outline: var(--atomic-rating-icon-outline-color,none); --color-more-results-progress-bar-color-from: var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark)); --color-more-results-progress-bar-color-to: var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)); --text-sm: var(--atomic-text-sm); --text-base: var(--atomic-text-base); --text-lg: var(--atomic-text-lg); --text-xl: var(--atomic-text-xl); --text-2xl: var(--atomic-text-2xl); --font-weight-normal: var(--atomic-font-normal); --font-weight-bold: var(--atomic-font-bold); --shadow-inner-primary: inset 0 0 0 1px var(--atomic-primary); --shadow-lg: 0px 2px 8px #e5e8e8bf; --shadow-t-lg: 0px -2px 8px #e5e8e8bf; --radius: var(--atomic-border-radius); --radius-xs: var(--atomic-border-radius); --radius-sm: var(--atomic-border-radius); --radius-md: var(--atomic-border-radius-md); --radius-lg: var(--atomic-border-radius-lg); --radius-xl: var(--atomic-border-radius-xl); --font-sans: var(--atomic-font-family); --breakpoint-desktop: 1024px;}@theme{--animate-slide-down-modal: slideDown .5s linear forwards; --animate-scale-up-modal: scaleUp .5s cubic-bezier(.165,.84,.44,1)forwards;}`;
|
|
2
2
|
export default css;
|