npm - @coveo/atomic - Versions diffs - 3.33.3-pre.beedda192a → 3.33.3-pre.c19c0e6975 - Mend

@coveo/atomic 3.33.3-pre.beedda192a → 3.33.3-pre.c19c0e6975

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/atomic/components/atomic-result2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-result2.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,~~wqtLAAwqtL~~,CAAC;~~AACjstL~~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","names":[],"sources":["src/components/search/atomic-result/atomic-result.pcss?tag=atomic-result&encapsulation=shadow","src/components/search/atomic-result/atomic-result.tsx"],"sourcesContent":["@import '../../common/template-system/template-system.pcss';\n\n:host {\n @apply atomic-template-system;\n}\n","import {FoldedResult, InteractiveResult, Result} from '@coveo/headless';\nimport {Component, h, Prop, Element, Listen, Host} from '@stencil/core';\nimport {parentNodeToString} from '../../../utils/dom-utils';\nimport {DisplayConfig} from '../../common/item-list/stencil-item-decorators';\nimport {\n ItemRenderingFunction,\n resultComponentClass,\n} from '../../common/item-list/stencil-item-list-common';\nimport {\n ItemLayout,\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../../common/layout/display-options';\nimport {SearchStore} from '../atomic-search-interface/store';\nimport {\n InteractiveResultContextEvent,\n ResultContextEvent,\n} from '../result-template-components/result-template-decorators';\n\n/*\n The `atomic-result` component is used internally by the `atomic-result-list` component.\n /\n@Component({\n tag: 'atomic-result',\n styleUrl: 'atomic-result.pcss',\n shadow: true,\n})\nexport class AtomicResult {\n private layout!: ItemLayout;\n\n @Element() host!: HTMLElement;\n\n /\n Whether an atomic-result-link inside atomic-result should stop click event propagation.\n /\n @Prop() stopPropagation?: boolean;\n\n /\n The result item.\n /\n @Prop() result!: Result \| FoldedResult;\n\n /\n The InteractiveResult item.\n * @internal\n /\n @Prop() interactiveResult!: InteractiveResult;\n\n /\n Global Atomic state.\n * @internal\n /\n @Prop() store?: SearchStore;\n\n /\n The result content to display.\n /\n @Prop() content?: ParentNode;\n\n /\n The result link to use when the result is clicked in a grid layout.\n \n @default - An `atomic-result-link` without any customization.\n /\n @Prop() linkContent: ParentNode = new DocumentFragment();\n\n /\n How results should be displayed.\n /\n @Prop() display: ItemDisplayLayout = 'list';\n\n /\n How large or small results should be.\n /\n @Prop() density: ItemDisplayDensity = 'normal';\n\n /\n The size of the visual section in result list items.\n \n This is overwritten by the image size defined in the result content, if it exists.\n /\n @Prop() imageSize: ItemDisplayImageSize = 'icon';\n\n /\n The classes to add to the result element.\n /\n @Prop() classes = '';\n\n /\n @internal\n /\n @Prop() loadingFlag?: string;\n\n /\n Internal function used by atomic-recs-list in advanced setups, which lets you bypass the standard HTML template system.\n * Particularly useful for Atomic React\n \n @internal\n */\n @Prop() renderingFunction: ItemRenderingFunction;\n\n private resultRootRef?: HTMLElement;\n private linkContainerRef?: HTMLElement;\n private executedRenderingFunctionOnce = false;\n\n @Listen('atomic/resolveResult')\n public resolveResult(event: ResultContextEvent<FoldedResult \| Result>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.result);\n }\n\n @Listen('atomic/resolveInteractiveResult')\n public resolveInteractiveResult(event: InteractiveResultContextEvent) {\n event.preventDefault();\n event.stopPropagation();\n if (this.interactiveResult) {\n event.detail(this.interactiveResult);\n }\n }\n\n @Listen('atomic/resolveStopPropagation')\n public resolveStopPropagation(event: CustomEvent) {\n event.detail(this.stopPropagation);\n }\n\n @Listen('atomic/resolveResultDisplayConfig')\n public resolveResultDisplayConfig(event: ResultContextEvent<DisplayConfig>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail({\n density: this.density,\n imageSize: this.imageSize!,\n });\n }\n\n @Listen('click')\n public handleClick(event: MouseEvent) {\n if (this.stopPropagation) {\n event.stopPropagation();\n }\n this.host\n .shadowRoot!.querySelector<HTMLAnchorElement>(\n '.link-container > atomic-result-link a:not([slot])'\n )\n ?.click();\n }\n\n public connectedCallback() {\n this.layout = new ItemLayout(\n this.content!.children,\n this.display,\n this.density,\n this.imageSize\n );\n }\n\n private get isCustomRenderFunctionMode() {\n return this.renderingFunction !== undefined;\n }\n\n private getContentHTML() {\n return parentNodeToString(this.content!);\n }\n\n private getLinkHTML() {\n return parentNodeToString(this.linkContent);\n }\n\n private shouldExecuteRenderFunction() {\n return (\n this.isCustomRenderFunctionMode &&\n this.resultRootRef &&\n !this.executedRenderingFunctionOnce\n );\n }\n\n public render() {\n if (this.isCustomRenderFunctionMode) {\n return (\n <Host class={resultComponentClass}>\n <div\n class=\"result-root\"\n ref={(ref) => (this.resultRootRef = ref)}\n ></div>\n <div\n class=\"link-container\"\n ref={(ref) => (this.linkContainerRef = ref)}\n ></div>\n </Host>\n );\n }\n return (\n <Host class={resultComponentClass}>\n <div\n class={`result-root ${this.layout\n .getClasses()\n .concat(this.classes)\n .join(' ')}`}\n innerHTML={this.getContentHTML()}\n ></div>\n <div class=\"link-container\" innerHTML={this.getLinkHTML()}></div>\n </Host>\n );\n }\n\n public componentDidLoad() {\n if (this.loadingFlag && this.store) {\n this.store.unsetLoadingFlag(this.loadingFlag);\n }\n this.host.classList.add('hydrated');\n }\n\n public componentDidRender() {\n if (this.shouldExecuteRenderFunction()) {\n const customRenderOutputAsString = this.renderingFunction!(\n this.result,\n this.resultRootRef!,\n this.linkContainerRef!\n );\n\n this.resultRootRef!.className += ` ${this.layout\n .getClasses(customRenderOutputAsString)\n .concat(this.classes)\n .join(' ')}`;\n\n this.executedRenderingFunctionOnce = true;\n }\n this.host.classList.add('hydrated');\n }\n}\n"],"version":3}
1	+ {"file":"atomic-result2.js","mappings":"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","names":[],"sources":["src/components/search/atomic-result/atomic-result.pcss?tag=atomic-result&encapsulation=shadow","src/components/search/atomic-result/atomic-result.tsx"],"sourcesContent":["@import '../../common/template-system/template-system.pcss';\n\n:host {\n @apply atomic-template-system;\n}\n","import {FoldedResult, InteractiveResult, Result} from '@coveo/headless';\nimport {Component, h, Prop, Element, Listen, Host} from '@stencil/core';\nimport {parentNodeToString} from '../../../utils/dom-utils';\nimport {DisplayConfig} from '../../common/item-list/stencil-item-decorators';\nimport {\n ItemRenderingFunction,\n resultComponentClass,\n} from '../../common/item-list/stencil-item-list-common';\nimport {\n ItemLayout,\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../../common/layout/display-options';\nimport {SearchStore} from '../atomic-search-interface/store';\nimport {\n InteractiveResultContextEvent,\n ResultContextEvent,\n} from '../result-template-components/result-template-decorators';\n\n/*\n The `atomic-result` component is used internally by the `atomic-result-list` component.\n /\n@Component({\n tag: 'atomic-result',\n styleUrl: 'atomic-result.pcss',\n shadow: true,\n})\nexport class AtomicResult {\n private layout!: ItemLayout;\n\n @Element() host!: HTMLElement;\n\n /\n Whether an atomic-result-link inside atomic-result should stop click event propagation.\n /\n @Prop() stopPropagation?: boolean;\n\n /\n The result item.\n /\n @Prop() result!: Result \| FoldedResult;\n\n /\n The InteractiveResult item.\n * @internal\n /\n @Prop() interactiveResult!: InteractiveResult;\n\n /\n Global Atomic state.\n * @internal\n /\n @Prop() store?: SearchStore;\n\n /\n The result content to display.\n /\n @Prop() content?: ParentNode;\n\n /\n The result link to use when the result is clicked in a grid layout.\n \n @default - An `atomic-result-link` without any customization.\n /\n @Prop() linkContent: ParentNode = new DocumentFragment();\n\n /\n How results should be displayed.\n /\n @Prop() display: ItemDisplayLayout = 'list';\n\n /\n How large or small results should be.\n /\n @Prop() density: ItemDisplayDensity = 'normal';\n\n /\n The size of the visual section in result list items.\n \n This is overwritten by the image size defined in the result content, if it exists.\n /\n @Prop() imageSize: ItemDisplayImageSize = 'icon';\n\n /\n The classes to add to the result element.\n /\n @Prop() classes = '';\n\n /\n @internal\n /\n @Prop() loadingFlag?: string;\n\n /\n Internal function used by atomic-recs-list in advanced setups, which lets you bypass the standard HTML template system.\n * Particularly useful for Atomic React\n \n @internal\n */\n @Prop() renderingFunction: ItemRenderingFunction;\n\n private resultRootRef?: HTMLElement;\n private linkContainerRef?: HTMLElement;\n private executedRenderingFunctionOnce = false;\n\n @Listen('atomic/resolveResult')\n public resolveResult(event: ResultContextEvent<FoldedResult \| Result>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.result);\n }\n\n @Listen('atomic/resolveInteractiveResult')\n public resolveInteractiveResult(event: InteractiveResultContextEvent) {\n event.preventDefault();\n event.stopPropagation();\n if (this.interactiveResult) {\n event.detail(this.interactiveResult);\n }\n }\n\n @Listen('atomic/resolveStopPropagation')\n public resolveStopPropagation(event: CustomEvent) {\n event.detail(this.stopPropagation);\n }\n\n @Listen('atomic/resolveResultDisplayConfig')\n public resolveResultDisplayConfig(event: ResultContextEvent<DisplayConfig>) {\n event.preventDefault();\n event.stopPropagation();\n event.detail({\n density: this.density,\n imageSize: this.imageSize!,\n });\n }\n\n @Listen('click')\n public handleClick(event: MouseEvent) {\n if (this.stopPropagation) {\n event.stopPropagation();\n }\n this.host\n .shadowRoot!.querySelector<HTMLAnchorElement>(\n '.link-container > atomic-result-link a:not([slot])'\n )\n ?.click();\n }\n\n public connectedCallback() {\n this.layout = new ItemLayout(\n this.content!.children,\n this.display,\n this.density,\n this.imageSize\n );\n }\n\n private get isCustomRenderFunctionMode() {\n return this.renderingFunction !== undefined;\n }\n\n private getContentHTML() {\n return parentNodeToString(this.content!);\n }\n\n private getLinkHTML() {\n return parentNodeToString(this.linkContent);\n }\n\n private shouldExecuteRenderFunction() {\n return (\n this.isCustomRenderFunctionMode &&\n this.resultRootRef &&\n !this.executedRenderingFunctionOnce\n );\n }\n\n public render() {\n if (this.isCustomRenderFunctionMode) {\n return (\n <Host class={resultComponentClass}>\n <div\n class=\"result-root\"\n ref={(ref) => (this.resultRootRef = ref)}\n ></div>\n <div\n class=\"link-container\"\n ref={(ref) => (this.linkContainerRef = ref)}\n ></div>\n </Host>\n );\n }\n return (\n <Host class={resultComponentClass}>\n <div\n class={`result-root ${this.layout\n .getClasses()\n .concat(this.classes)\n .join(' ')}`}\n innerHTML={this.getContentHTML()}\n ></div>\n <div class=\"link-container\" innerHTML={this.getLinkHTML()}></div>\n </Host>\n );\n }\n\n public componentDidLoad() {\n if (this.loadingFlag && this.store) {\n this.store.unsetLoadingFlag(this.loadingFlag);\n }\n this.host.classList.add('hydrated');\n }\n\n public componentDidRender() {\n if (this.shouldExecuteRenderFunction()) {\n const customRenderOutputAsString = this.renderingFunction!(\n this.result,\n this.resultRootRef!,\n this.linkContainerRef!\n );\n\n this.resultRootRef!.className += ` ${this.layout\n .getClasses(customRenderOutputAsString)\n .concat(this.classes)\n .join(' ')}`;\n\n this.executedRenderingFunctionOnce = true;\n }\n this.host.classList.add('hydrated');\n }\n}\n"],"version":3}

package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import { css } from 'lit';
 const styles = css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
-@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-result-section-actions{text-align:left}& 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}& .result-root{&.with-sections{justify-items:stretch;display:grid;& atomic-result-section-visual,& atomic-product-section-visual{grid-area:visual}& atomic-result-section-badges{grid-area:badges}& atomic-result-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{grid-area:title-metadata}& atomic-result-section-emphasized{grid-area:emphasized}& atomic-result-section-excerpt{color:var(--atomic-neutral-dark);grid-area:excerpt}& atomic-result-section-bottom-metadata{color:var(--atomic-neutral-dark);grid-area:bottom-metadata}& atomic-result-section-children{grid-area:children}& atomic-result-section-badges,& atomic-result-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-result-section-actions,& atomic-result-section-title,& atomic-product-section-name,& atomic-result-section-title-metadata,& atomic-result-section-emphasized,& atomic-result-section-excerpt,& atomic-product-section-description,& atomic-result-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-result-children::part(children-root),& atomic-insight-result-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-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}&.child-result:not(.last-child),& .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-result-children::part(children-root),& atomic-insight-result-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{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.75rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.75rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.5rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.5rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}&.child-result:not(.last-child),& .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{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{--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{--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{--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{--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{--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{--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{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{--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{--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{--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{--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{--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{--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{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{--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{--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{--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{--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{--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{--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{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-result-children::part(children-root),& atomic-insight-result-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{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.75rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.75rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.5rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1.5rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges{--row-height:2rem;margin-bottom:1rem}& atomic-result-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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){margin-inline:-1rem;padding-top:1rem;margin-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}&.child-result:not(.last-child),& .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{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{--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{--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{--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{--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{--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{--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{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{--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{--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{--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{--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{--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{--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{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{--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{--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{--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{--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{--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{--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{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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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{--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-result-children::part(children-root),& atomic-insight-result-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-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-top:1.25rem;margin-bottom:1.25rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.75rem}}&.density-normal{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-top:.875rem;margin-bottom:.875rem}}&.child-result:not(.last-child),& .placeholder{margin-bottom:1.5rem}}&.density-compact{& atomic-result-section-visual,& atomic-product-section-visual{margin-right:1rem}& atomic-result-section-badges,& atomic-result-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{--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{--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{margin-top:.475rem}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}& atomic-result-children,& atomic-insight-result-children{&::part(children-root){border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);border-radius:16px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-top:.475rem;margin-bottom:.475rem}}&.child-result:not(.last-child),& .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}}&.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}}@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}}}}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
+@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}}}: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)}& .result-root{&.with-sections{justify-items:stretch;display:grid;&.display-list{@media (width>=1024px){&.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-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"}&.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"}}}&.display-table{&.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-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"}&.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"}}&.display-list{@media not all and (width>=1024px){&.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"}&.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"}&.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"}&.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"}}}&.display-grid{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions";& a,& button{position:relative}@media not all and (width>=1024px){&.image-large{&.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"}&.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"}&.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"}&.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-table-element{display:none}}& .link-container{display:none}}& .result-root.display-grid{grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}& .with-sections{&.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;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{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;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{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}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{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;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;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{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}}}}}}@property --tw-font-weight{syntax:"*";inherits:false}`;
 export default styles;

package/dist/atomic/components/components/commerce/atomic-product-price/atomic-product-price.js CHANGED Viewed

@@ -12,7 +12,6 @@ import { bindingGuard } from "../../../decorators/binding-guard.js";
 import { bindings } from "../../../decorators/bindings.js";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
 import { errorGuard } from "../../../decorators/error-guard.js";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
 import { multiClassMap, tw } from "../../../directives/multi-class-map.js";
 import { LightDomMixin } from "../../../mixins/light-dom.js";
 import { defaultCurrencyFormatter } from '../../common/formats/format-common.js';
@@ -70,7 +69,7 @@ let AtomicProductPrice = class AtomicProductPrice extends LightDomMixin(LitEleme
           ${this.getFormattedValue(hasPromo ? 'ec_promo_price' : 'ec_price')}
         </div>
         <div class=${multiClassMap(promoClasses)}>
-          ${hasPromo ? this.getFormattedValue('ec_price') : ''}
+          ${hasPromo ? this.getFormattedValue('ec_price') : '\u200B'}
         </div>
       </div>
     `;
@@ -93,7 +92,6 @@ __decorate([
 ], AtomicProductPrice.prototype, "render", null);
 AtomicProductPrice = __decorate([
     customElement('atomic-product-price'),
-    bindings(),
-    withTailwindStyles
+    bindings()
 ], AtomicProductPrice);
 export { AtomicProductPrice };

package/dist/atomic/components/components/commerce/atomic-product-rating/atomic-product-rating.js CHANGED Viewed

@@ -5,16 +5,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
-import { css, html, LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
+import ratingStyles from "../../common/atomic-rating/atomic-rating.tw.css.js";
+import { computeNumberOfStars, renderRating, } from "../../common/atomic-rating/rating.js";
 import { bindingGuard } from "../../../decorators/binding-guard";
 import { bindings } from "../../../decorators/bindings.js";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
 import { errorGuard } from "../../../decorators/error-guard";
 import { LightDomMixin } from "../../../mixins/light-dom";
 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>";
-import { computeNumberOfStars, renderRating, } from '../../common/atomic-rating/rating.js';
 /**
  * The `atomic-product-rating` element renders a star rating.
  *
@@ -116,8 +117,7 @@ let AtomicProductRating = class AtomicProductRating extends LightDomMixin(LitEle
     `;
     }
 };
-AtomicProductRating.styles = css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
-@layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
+AtomicProductRating.styles = ratingStyles;
 __decorate([
     state()
 ], AtomicProductRating.prototype, "bindings", void 0);

package/dist/atomic/components/components/commerce/atomic-product-section-name/atomic-product-section-name.js CHANGED Viewed

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement } from 'lit';
+import { css, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
 /**
@@ -17,7 +17,8 @@ import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
  *
  * @slot default - The name to display.
  */
-let AtomicProductSectionName = class AtomicProductSectionName extends ItemSectionMixin(LitElement) {
+let AtomicProductSectionName = class AtomicProductSectionName extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+atomic-product-section-name{&.with-sections{text-overflow:ellipsis;overflow:hidden}&.with-sections{color:var(--atomic-on-background);--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);grid-area:title;&.density-comfortable{--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)}@media (width>=1024px){&.display-grid{word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media not all and (width>=1024px){&.display-list{--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)}&.display-grid{&.image-large{--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)}&.image-small,&.image-icon,&.image-none{--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);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3rem;display:-webkit-box;overflow:hidden}}}}& .with-sections{&.display-grid{min-height:calc(var(--line-height)*2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}}`) {
 };
 AtomicProductSectionName = __decorate([
     customElement('atomic-product-section-name')

package/dist/atomic/components/components/commerce/atomic-product-section-visual/atomic-product-section-visual.js CHANGED Viewed

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement } from 'lit';
+import { css, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
 /**
@@ -18,10 +18,11 @@ import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
  *
  * @slot default - The image to display.
  */
-let AtomicProductSectionVisual = class AtomicProductSectionVisual extends ItemSectionMixin(LitElement) {
+let AtomicProductSectionVisual = class AtomicProductSectionVisual extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+atomic-product-section-visual{&.with-sections{text-overflow:ellipsis;overflow:hidden}&.with-sections{grid-area:visual;&.image-icon{border-radius:var(--atomic-border-radius);width:2rem;height:2rem}&.image-none{display:none}@media (width>=1024px){&.display-list{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{width:10rem;height:10rem}&.density-comfortable,&.density-normal{width:20.375rem;height:20.375rem}}&.image-small{width:10rem;height:10rem}}&.display-grid{margin-bottom:.5rem;&.image-large,&.image-small{width:100%;&.density-comfortable{margin:0 auto 2rem}&.density-normal{margin:0 auto 1.5rem}&.density-compact{margin:0 auto 1rem}}&.image-large{aspect-ratio:1;height:auto;@supports not (aspect-ratio:1 / 1){&{height:19.75rem}}}&.image-small{aspect-ratio:1;height:auto;@supports not (aspect-ratio:1 / 1){&{height:14rem}}}}}@media not all and (width>=1024px){&.display-list{margin-right:1rem;&.image-large{aspect-ratio:1;width:100%;height:auto;margin-bottom:1rem;margin-right:0;@supports not (aspect-ratio:1 / 1){&{height:7.25rem}}}&.image-small{width:24vw;height:24vw;margin-bottom:1rem}&.image-icon{margin-bottom:0}}&.display-grid{&.image-large{margin-right:1rem;&.image-large{aspect-ratio:1;width:100%;height:auto;margin-bottom:1rem;margin-right:0;@supports not (aspect-ratio:1 / 1){&{height:7.25rem}}}&.image-small{width:24vw;height:24vw;margin-bottom:1rem}&.image-icon{margin-bottom:0}}&.image-small,&.image-icon,&.image-none{&.image-large,&.image-small{width:100%;&.density-comfortable{margin-bottom:1rem}&.density-normal{margin-bottom:.75rem}&.density-compact{margin-bottom:.5rem}}&.image-small{aspect-ratio:1;width:10.25rem;height:10.25rem;@supports not (aspect-ratio:1 / 1){&{height:9rem}}}}}}&.display-table{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{width:10rem;height:10rem}&.density-comfortable,&.density-normal{width:20.375rem;height:20.375rem}}&.image-small{width:10rem;height:10rem}}}& .with-sections{&.image-icon{& atomic-product-image::part(previous-button),& atomic-product-image::part(next-button),& atomic-product-image::part(indicator){display:none}}}}`) {
 };
 __decorate([
-    property({ reflect: true, attribute: 'image-size' })
+    property({ reflect: true, attribute: 'image-size', type: Object })
 ], AtomicProductSectionVisual.prototype, "imageSize", void 0);
 AtomicProductSectionVisual = __decorate([
     customElement('atomic-product-section-visual')

package/dist/atomic/components/components/common/atomic-rating/atomic-rating.tw.css.js CHANGED Viewed

@@ -1,3 +1,4 @@
-const css = `/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+import { css } from 'lit';
+const styles = css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
-export default css;
+export default styles;

package/dist/atomic/components/global/environment.js CHANGED Viewed

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.33.3-pre.beedda192a",
+        version: "3.33.3-pre.c19c0e6975",
         headlessVersion,
     };
 }