npm - @coveo/atomic - Versions diffs - 3.28.0-pre.f8c6add22d → 3.28.0 - Mend

@coveo/atomic 3.28.0-pre.f8c6add22d → 3.28.0

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 (787) hide show

package/dist/esm/atomic-result.entry.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { p as parentNodeToString } from './dom-utils-f6086cd3.js';
-import { r as resultComponentClass } from './stencil-item-list-common-9e3e9954.js';
-import { I as ItemLayout } from './display-options-a7e58b1f.js';
+import { r as resultComponentClass } from './stencil-item-list-common-f47702a8.js';
+import { I as ItemLayout } from './display-options-9133df57.js';
 import './replace-breakpoint-213367f8.js';
-import './stencil-accessibility-utils-b42ac309.js';
+import './stencil-accessibility-utils-b0ddad00.js';
 import './event-utils-8de63ec3.js';
-import './utils-3ca7282b.js';
+import './utils-d616a00c.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './sections-01724762.js';
+import './sections-9a7f76dc.js';
 const atomicResultCss = "/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties;\natomic-result-section-badges {\n  text-align: left;\n}\natomic-result-section-actions {\n  text-align: right;\n}\natomic-result-section-title-metadata {\n  --font-size: var(--atomic-text-sm);\n  font-size: var(--font-size);\n  --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n  line-height: var(--line-height);\n  --font-size: var(--atomic-text-sm);\n  font-size: var(--font-size);\n  --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n  line-height: var(--line-height);\n}\natomic-result-section-emphasized {\n  font-weight: 500;\n  --font-size: var(--atomic-text-2xl);\n  font-size: var(--font-size);\n  --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n  line-height: var(--line-height);\n  --font-size: var(--atomic-text-2xl);\n  font-size: var(--font-size);\n  --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n  line-height: var(--line-height);\n  margin-top: 0.5rem;\n}\n@layer components {\n  :host :host {\n    font-family: var(--atomic-font-family);\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  :host atomic-result-section-badges, :host atomic-product-section-badges {\n    text-align: left;\n  }\n  :host atomic-result-section-actions, :host atomic-product-section-actions {\n    text-align: left;\n  }\n  :host atomic-result-section-title-metadata, :host atomic-product-section-metadata {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  :host atomic-result-section-emphasized, :host atomic-product-section-emphasized {\n    font-weight: 500;\n    --font-size: var(--atomic-text-2xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-2xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    margin-top: 0.5rem;\n  }\n  :host .result-root.with-sections {\n    display: grid;\n    justify-items: stretch;\n  }\n  :host .result-root.with-sections atomic-result-section-visual, :host .result-root.with-sections atomic-product-section-visual {\n    grid-area: visual;\n  }\n  :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges {\n    grid-area: badges;\n  }\n  :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions {\n    grid-area: actions;\n  }\n  :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview, :host .result-root.with-sections atomic-product-section-actions atomic-result-quickview {\n    display: inline-block;\n  }\n  :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name {\n    grid-area: title;\n    color: var(--atomic-on-background);\n  }\n  :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-product-section-metadata {\n    grid-area: title-metadata;\n  }\n  :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-product-section-emphasized {\n    grid-area: emphasized;\n  }\n  :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description {\n    grid-area: excerpt;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-section-bottom-metadata {\n    grid-area: bottom-metadata;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-children, :host .result-root.with-sections atomic-product-section-children {\n    grid-area: children;\n  }\n  :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    max-height: calc(2 * var(--row-height, 2rem) + 0.5rem);\n  }\n  :host .result-root.with-sections atomic-result-section-visual, :host .result-root.with-sections atomic-product-section-visual, :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-product-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-product-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-product-section-name, :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-product-section-metadata, :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-product-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-product-section-description, :host .result-root.with-sections atomic-result-section-bottom-metadata, :host .result-root.with-sections atomic-product-section-bottom-metadata {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  :host .result-root.with-sections.image-icon atomic-result-section-visual, :host .result-root.with-sections.image-icon atomic-product-section-visual {\n    border-radius: var(--atomic-border-radius);\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-visual {\n      margin-right: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-actions {\n      margin-bottom: 1.5rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\n      margin-top: 1.75rem;\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-bottom-metadata {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child) {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n      margin-top: 1.25rem;\n      padding: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-list.density-normal atomic-product-section-actions {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-normal atomic-product-section-bottom-metadata {\n      margin-top: 0.875rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-normal atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child) {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n      margin-top: 0.875rem;\n      padding: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-list.density-compact atomic-product-section-actions {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-list.density-compact atomic-product-section-description {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-compact atomic-product-section-bottom-metadata {\n      margin-top: 0.6875rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-compact atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child) {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n      margin-top: 0.475rem;\n      padding: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-large, :host .result-root.with-sections.display-list.image-small {\n      grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n      grid-template-columns: minmax(0, min-content) auto 1fr auto;\n      grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n    }\n    :host .result-root.with-sections.display-list.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-product-section-visual {\n      width: 20.375rem;\n      height: 20.375rem;\n    }\n    :host .result-root.with-sections.display-list.image-small atomic-result-section-visual, :host .result-root.with-sections.display-list.image-small atomic-product-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-product-section-visual {\n      width: 10rem;\n      height: 10rem;\n    }\n    :host .result-root.with-sections.display-list.image-icon {\n      grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n      grid-template-columns: minmax(0, min-content) auto 1fr auto;\n      grid-template-rows: repeat(7, minmax(0, min-content));\n    }\n    :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-list.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.image-none {\n      grid-template-areas: 'badges          .               actions' 'title           title           title' 'title-metadata  title-metadata  title-metadata' 'emphasized      emphasized      emphasized' 'excerpt         excerpt         excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children        children        children';\n      grid-template-columns: auto 1fr auto;\n      grid-template-rows: repeat(6, auto);\n    }\n    :host .result-root.with-sections.display-list.image-none atomic-result-section-visual, :host .result-root.with-sections.display-list.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-product-section-children atomic-product-children::part(children-root) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n      border-top-color: var(--atomic-neutral);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-actions {\n      margin-top: 1rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-description {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-bottom-metadata {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child) {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-list.density-normal atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-list.density-normal atomic-product-section-actions {\n      margin-top: 0.75rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title, :host .result-root.with-sections.display-list.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-list.density-normal atomic-product-section-description {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-normal atomic-product-section-bottom-metadata {\n      margin-top: 0.625rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-normal atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child) {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-list.density-compact atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-list.density-compact atomic-product-section-actions {\n      margin-top: 0.5em;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title, :host .result-root.with-sections.display-list.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-list.density-compact atomic-product-section-bottom-metadata {\n      margin-top: 0.4375rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-list.density-compact atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child) {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-large {\n      grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(8, auto);\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large atomic-product-section-visual {\n      width: 100%;\n      margin-right: 0;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-small {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          .' 'excerpt         excerpt' 'bottom-metadata bottom-metadata' 'actions         actions' 'children        children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n    }\n    :host .result-root.with-sections.display-list.image-small atomic-result-section-visual, :host .result-root.with-sections.display-list.image-small atomic-product-section-visual {\n      width: 24vw;\n      height: 24vw;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-icon {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          excerpt' 'visual          bottom-metadata' 'visual          actions' 'visual          children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(7, auto) 1fr;\n    }\n    :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-list.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n      margin-bottom: 0;\n    }\n    :host .result-root.with-sections.display-list.image-none {\n      grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(7, auto);\n    }\n    :host .result-root.with-sections.display-list.image-none atomic-result-section-visual, :host .result-root.with-sections.display-list.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  :host .result-root.with-sections.display-grid a, :host .result-root.with-sections.display-grid button {\n    position: relative;\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-large {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-product-section-visual {\n      margin: 0 auto 2rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-section-badges {\n      margin-bottom: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-actions {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-product-section-visual {\n      margin: 0 auto 1.5rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-section-badges {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-actions {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.375rem;\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-product-section-visual {\n      margin: 0 auto 1rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-actions {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.9375rem;\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-product-section-children atomic-product-children::part(children-root) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n      border-top-color: var(--atomic-neutral);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-actions {\n      margin-top: 1rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-description {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-bottom-metadata {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child) {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-actions {\n      margin-top: 0.75rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-description {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-bottom-metadata {\n      margin-top: 0.625rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child) {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-actions {\n      margin-top: 0.5em;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-bottom-metadata {\n      margin-top: 0.4375rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child) {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n      padding-top: 1rem;\n      margin-top: 1rem;\n      margin-left: -1rem;\n      margin-right: -1rem;\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-product-section-children atomic-product-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large {\n      grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(8, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-large atomic-product-section-visual {\n      width: 100%;\n      margin-right: 0;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          .' 'excerpt         excerpt' 'bottom-metadata bottom-metadata' 'actions         actions' 'children        children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-small atomic-product-section-visual {\n      width: 24vw;\n      height: 24vw;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-icon {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          excerpt' 'visual          bottom-metadata' 'visual          actions' 'visual          children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(7, auto) 1fr;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n      margin-bottom: 0;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none {\n      grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(7, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-section-visual {\n      margin: 0 auto 2rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-section-badges {\n      margin-bottom: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-actions {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-section-visual {\n      margin: 0 auto 1.5rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-section-badges {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-actions {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.375rem;\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-section-visual {\n      margin: 0 auto 1rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-actions {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.9375rem;\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.image-large atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-product-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-visual {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-product-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-actions {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-name {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-product-section-children, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-product-section-children {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-visual {\n      margin-bottom: 0.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-product-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-actions {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-name {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.75rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-small.density-normal atomic-product-section-children, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-product-section-children {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-product-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-badges {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-actions {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-name, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-name {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-description, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-description {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.5rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-small.density-compact atomic-product-section-children, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-product-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-product-section-children {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n        height: 9rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      aspect-ratio: 1/1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1/1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n        height: 9rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-product-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-icon atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-product-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-product-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-product-section-visual {\n      display: none;\n    }\n  }\n  :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-section-visual {\n    width: 10.25rem;\n    height: 10.25rem;\n  }\n  :host .result-root.with-sections.display-table atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-product-section-children atomic-product-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-visual {\n    margin-right: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-actions {\n    margin-bottom: 1.5rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-name {\n    --font-size: var(--atomic-text-2xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-2xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-description {\n    margin-top: 1.75rem;\n    --font-size: var(--atomic-text-lg);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-lg);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 4.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-bottom-metadata {\n    margin-top: 1.25rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 4rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child) {\n    margin-bottom: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-children::part(children-root) {\n    margin-top: 1.25rem;\n    padding: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-product-section-children atomic-product-children::part(show-hide-button) {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable .placeholder {\n    margin-bottom: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.density-normal atomic-product-section-visual {\n    margin-right: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-product-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-table.density-normal atomic-product-section-actions {\n    margin-bottom: 1rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-title, :host .result-root.with-sections.display-table.density-normal atomic-product-section-name {\n    --font-size: var(--atomic-text-xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-table.density-normal atomic-product-section-description {\n    margin-top: 1.25rem;\n    --font-size: var(--atomic-text-base);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-base);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 2.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-table.density-normal atomic-product-section-bottom-metadata {\n    margin-top: 0.875rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 3.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-table.density-normal atomic-product-section-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child) {\n    margin-bottom: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-children::part(children-root) {\n    margin-top: 0.875rem;\n    padding: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-product-section-children atomic-product-children::part(show-hide-button) {\n    margin-top: 0.875rem;\n    margin-bottom: 0.875rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal .placeholder {\n    margin-bottom: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.density-compact atomic-product-section-visual {\n    margin-right: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-product-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-table.density-compact atomic-product-section-actions {\n    margin-bottom: 1rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-title, :host .result-root.with-sections.display-table.density-compact atomic-product-section-name {\n    --font-size: var(--atomic-text-xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-table.density-compact atomic-product-section-description {\n    margin-top: 1rem;\n    --font-size: var(--atomic-text-base);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-base);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 1.25rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-table.density-compact atomic-product-section-bottom-metadata {\n    margin-top: 0.6875rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 3.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-table.density-compact atomic-product-section-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child) {\n    margin-bottom: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insight-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-children::part(children-root) {\n    margin-top: 0.475rem;\n    padding: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-result-section-children atomic-product-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-insigh-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-product-section-children atomic-product-children::part(show-hide-button) {\n    margin-top: 0.475rem;\n    margin-bottom: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact .placeholder {\n    margin-bottom: 1rem;\n  }\n  :host .result-root.with-sections.display-table.image-large, :host .result-root.with-sections.display-table.image-small {\n    grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n    grid-template-columns: minmax(0, min-content) auto 1fr auto;\n    grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n  }\n  :host .result-root.with-sections.display-table.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-comfortable atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-product-section-visual {\n    width: 20.375rem;\n    height: 20.375rem;\n  }\n  :host .result-root.with-sections.display-table.image-small atomic-result-section-visual, :host .result-root.with-sections.display-table.image-small atomic-product-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-product-section-visual {\n    width: 10rem;\n    height: 10rem;\n  }\n  :host .result-root.with-sections.display-table.image-icon {\n    grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n    grid-template-columns: minmax(0, min-content) auto 1fr auto;\n    grid-template-rows: repeat(7, minmax(0, min-content));\n  }\n  :host .result-root.with-sections.display-table.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-table.image-icon atomic-product-section-visual {\n    width: 2rem;\n    height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.image-none {\n    grid-template-areas: 'badges          .               actions' 'title           title           title' 'title-metadata  title-metadata  title-metadata' 'emphasized      emphasized      emphasized' 'excerpt         excerpt         excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children        children        children';\n    grid-template-columns: auto 1fr auto;\n    grid-template-rows: repeat(6, auto);\n  }\n  :host .result-root.with-sections.display-table.image-none atomic-result-section-visual, :host .result-root.with-sections.display-table.image-none atomic-product-section-visual {\n    display: none;\n  }\n  :host .result-root atomic-table-element {\n    display: none;\n  }\n  :host .link-container {\n    display: none;\n  }\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-font-weight: initial;\n      --tw-border-style: solid;\n    }\n  }\n}\n";
 const AtomicResultStyle0 = atomicResultCss;

package/dist/esm/atomic-results-per-page.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent } from './index-3f35faca.js';
 import { buildSearchStatus, buildResultsPerPage } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ff3edf9a.js';
-import { r as randomID } from './utils-3ca7282b.js';
-import { c as createAppLoadedListener } from './store-9da184ac.js';
+import { r as randomID } from './utils-d616a00c.js';
+import { c as createAppLoadedListener } from './store-748e58ad.js';
 import { R as RadioButton } from './stencil-radio-button-a53ba264.js';
 import { P as PagerGuard } from './stencil-pager-guard-16dd9188.js';
 import { F as FieldsetGroup } from './stencil-fieldset-group-5fa357cd.js';
@@ -135,7 +135,7 @@ const AtomicResultsPerPage = class {
         return this.bindings.i18n.t('results-per-page');
     }
     render() {
-        return (h(PagerGuard, { key: '430c4b1572b644c9bf29c27f9f17222cc0aa0210', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: 'e3e8c0c5d199ef7a4231517d4da7bd4e3c8bed43', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: '3d8ae73e0e2474f5055a66842e3ce79ea9ce5f5d' }, this.label), h(FieldsetGroup, { key: 'd3609703224ef799131f6714afbb75c7fc52707e', label: this.label }, h(Choices, { key: 'fe9e0845859e5f4d8b41cf5007894a5a204cda30', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
+        return (h(PagerGuard, { key: '32d3040c8fd871f6eb5e05cfcd69b3ecbca14191', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: 'ce8440fcf573d016957c085ed48b248615400281', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: 'b745d3654fe605fa679aeec64079fffd73a55c24' }, this.label), h(FieldsetGroup, { key: '11456a76246bf1b52cd01596afdcea5edc4909c6', label: this.label }, h(Choices, { key: 'f431cb2954eedd2176988ea3798dad0e040f4590', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
     }
 };
 __decorate([

package/dist/esm/atomic-search-box-query-suggestions_2.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionText, a
 import { d as dispatchSearchBoxSuggestionsEvent } from './suggestions-common-9cbaa15f.js';
 import { C as Clock } from './clock-add3e9a5.js';
 import { S as SafeStorage, a as StorageItems } from './local-storage-utils-c8dbf1ef.js';
-import { o as once } from './utils-3ca7282b.js';
+import { o as once } from './utils-d616a00c.js';
 import { e as encodeForDomAttribute } from './string-utils-5f5a23a8.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
@@ -66,7 +66,7 @@ const AtomicSearchBoxQuerySuggestions = class {
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'abf63fb11984ba7bdee0670bff77745ba059196f', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'a0a39d288c8392c37f530b8451ffb4bc9e891d21', element: this.host, error: this.error }));
         }
     }
     get host() { return getElement(this); }
@@ -218,7 +218,7 @@ const AtomicSearchBoxRecentQueries = class {
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'a6358430bb18dad5770e2ca54ea1dab30c209de6', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '7ac16e50a2c0490b32f4ebfbc15a3f3c52910b7f', element: this.host, error: this.error }));
         }
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-search-box.entry.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { i as isMacOS, h as hasKeyboard } from './device-utils-265d1d2c.js';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ff3edf9a.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-c8dbf1ef.js';
 import { u as updateBreakpoints } from './replace-breakpoint-213367f8.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-b42ac309.js';
-import { o as once, r as randomID, j as spreadProperties, h as isFocusingOut } from './utils-3ca7282b.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-b0ddad00.js';
+import { o as once, r as randomID, j as spreadProperties, h as isFocusingOut } from './utils-d616a00c.js';
 import { a as SearchSlimIcon, b as SearchTextArea, S as SuggestionManager, c as SearchBoxWrapper } from './stencil-suggestion-manager-fd9c754b.js';
 import { B as Button } from './stencil-button-45a5cdb4.js';
 import { e as elementHasQuery } from './suggestions-common-9cbaa15f.js';
@@ -426,18 +426,18 @@ const AtomicSearchBox = class {
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '6320acfb0a1c8a3b6536199a5524020e82337edd' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '906e4f66b183854b2587ddceb42b020dfbb59d64', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '8fd545cddf332d684709b4b68863ff984e08ff02' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '4e8d8810841a4996fbedf3c067cffe59dabb2b70', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '499d7fd267c146abdaf7dc6199328e35d1892274', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '06a8beee1327f56e5e1370c2cba2edebc68de0b7', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (h("slot", { key: 'a543d417a49169b0a2101d96242a89e02e5aa9a4' }, h("atomic-search-box-recent-queries", { key: 'd18a64f61d63093728baf97d0eac264db3b4ad93' }), h("atomic-search-box-query-suggestions", { key: '7502e7659736950dc4dc85dcf06ef0e71b756867' }))),
+            !this.suggestionManager.suggestions.length && (h("slot", { key: '6e327e44b2f81d6992ac98a1f06637f9c61c1b44' }, h("atomic-search-box-recent-queries", { key: 'f7b118df6322063a9d4cc3b4a9bacb81caf45cd0' }), h("atomic-search-box-query-suggestions", { key: 'cc974b5aa7c49bc9c818642614bca1d681079652' }))),
         ]));
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-search-interface.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
 import { m as markParentAsReady } from './init-queue-fbe942c3.js';
 import { loadSearchConfigurationActions, loadQueryActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildSearchEngine, buildUrlManager, buildSearchStatus } from '@coveo/headless';
-import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-33210146.js';
+import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-d896162f.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-c8dbf1ef.js';
-import { A as ArrayProp } from './props-utils-187abfd2.js';
+import { A as ArrayProp } from './props-utils-8a93fa7a.js';
 import { m as makeDesktopQuery, n as noResultsSelector, e as errorSelector, f as firstSearchExecutedSelector } from './search-layout-1e3bd9fd.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
-import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-9da184ac.js';
+import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-748e58ad.js';
 import './dayjs.min-d04628c6.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './purify-c7ebd240.js';
 import '@coveo/bueno';
-import './utils-3ca7282b.js';
+import './utils-d616a00c.js';
 import './sections-ae00b53a.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-search-layout.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { I as InitializeBindings } from './initialization-utils-ff3edf9a.js';
 import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
-import { r as randomID } from './utils-3ca7282b.js';
+import { r as randomID } from './utils-d616a00c.js';
 import { b as buildSearchLayout } from './search-layout-1e3bd9fd.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';

package/dist/esm/atomic-segmented-facet.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h, r as registerInstance } from './index-3f35faca.js';
 import { buildSearchStatus, buildTabManager, buildFacet, buildFacetConditionsManager } from '@coveo/headless';
 import { g as getFieldValueCaption } from './field-utils-f0146383.js';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ff3edf9a.js';
-import { A as ArrayProp, M as MapProp } from './props-utils-187abfd2.js';
+import { A as ArrayProp, M as MapProp } from './props-utils-8a93fa7a.js';
 import { p as parseDependsOn } from './depends-on-d73b0ce3.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.js';
 import { B as Button } from './stencil-button-45a5cdb4.js';
@@ -11,7 +11,7 @@ import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-9e0c895f.js';
 import '@coveo/bueno';
-import './utils-3ca7282b.js';
+import './utils-d616a00c.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './stencil-fieldset-group-5fa357cd.js';