@coveo/atomic 3.35.0-pre.b3e173655a → 3.35.0-pre.b985e047c6

package/dist/esm/atomic-result-section-children.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { h as hideEmptySection } from './item-section-utils-46828f30.js';
-import './utils-7161486d.js';
+import { h as hideEmptySection } from './item-section-utils-d8aa24b7.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 

package/dist/esm/atomic-result-section-emphasized.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { h as hideEmptySection } from './item-section-utils-46828f30.js';
-import './utils-7161486d.js';
+import { h as hideEmptySection } from './item-section-utils-d8aa24b7.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 

package/dist/esm/atomic-result-section-title-metadata.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { h as hideEmptySection } from './item-section-utils-46828f30.js';
-import './utils-7161486d.js';
+import { h as hideEmptySection } from './item-section-utils-d8aa24b7.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 

package/dist/esm/atomic-result-template.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { M as MapProp } from './props-utils-e97ad6bd.js';
-import { R as ResultTemplateCommon, m as makeMatchConditions } from './result-template-common-995b94f8.js';
+import { M as MapProp } from './props-utils-6040b5d2.js';
+import { R as ResultTemplateCommon, m as makeMatchConditions } from './result-template-common-47799c7c.js';
 import '@coveo/bueno';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import '@coveo/headless';
 import './table-element-utils-49d22ec6.js';
-import './item-layout-sections-8afb5049.js';
+import './item-layout-sections-26123790.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -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-fc95e16b.js';
-import { I as ItemLayout } from './display-options-1199eed5.js';
-import './replace-breakpoint-utils-7a336631.js';
-import './stencil-accessibility-utils-196a08f3.js';
+import { r as resultComponentClass } from './stencil-item-list-common-d2833d51.js';
+import { I as ItemLayout } from './display-options-b7c33617.js';
+import './replace-breakpoint-utils-13ff9ca5.js';
+import './stencil-accessibility-utils-ae75044b.js';
 import './event-utils-8de63ec3.js';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './item-layout-sections-8afb5049.js';
+import './item-layout-sections-26123790.js';
 
 const atomicResultCss = "/*! tailwindcss v4.1.13 | 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}\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  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 {\n    text-align: left;\n  }\n  :host atomic-result-section-actions {\n    text-align: left;\n  }\n  :host atomic-result-section-title-metadata {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  :host atomic-result-section-emphasized {\n    font-weight: 500;\n    --font-size: var(--atomic-text-2xl);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    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 {\n    grid-area: visual;\n  }\n  :host .result-root.with-sections atomic-result-section-badges {\n    grid-area: badges;\n  }\n  :host .result-root.with-sections atomic-result-section-actions {\n    grid-area: actions;\n  }\n  :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview {\n    display: inline-block;\n  }\n  :host .result-root.with-sections atomic-result-section-title {\n    grid-area: title;\n    color: var(--atomic-on-background);\n  }\n  :host .result-root.with-sections atomic-result-section-title-metadata {\n    grid-area: title-metadata;\n  }\n  :host .result-root.with-sections atomic-result-section-emphasized {\n    grid-area: emphasized;\n  }\n  :host .result-root.with-sections atomic-result-section-excerpt {\n    grid-area: excerpt;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-bottom-metadata {\n    grid-area: bottom-metadata;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-children {\n    grid-area: children;\n  }\n  :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-result-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-result-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-result-section-bottom-metadata {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  :host .result-root.with-sections.image-icon atomic-result-section-visual {\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 {\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) {\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 {\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-result-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 {\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 {\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      max-height: 4.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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      margin-top: 1.25rem;\n      padding: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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      margin-top: 1.25rem;\n      padding: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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 {\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-result-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 {\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 {\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.875rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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      margin-top: 0.875rem;\n      padding: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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      margin-top: 0.875rem;\n      padding: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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.child-result:not(.last-child), :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 {\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-result-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 {\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: 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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.6875rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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      margin-top: 0.475rem;\n      padding: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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      margin-top: 0.475rem;\n      padding: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-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-large.density-compact atomic-result-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 {\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 {\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) {\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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-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 {\n      margin-top: 1rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title {\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 {\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-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 {\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 {\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 {\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.625rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-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.child-result:not(.last-child), :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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-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 {\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 {\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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.4375rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-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.child-result:not(.last-child), :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    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-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 {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-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 {\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 {\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 {\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-small atomic-result-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 {\n      margin-bottom: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-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 {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-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      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 {\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-small atomic-result-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 {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-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 {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-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      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 {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-small atomic-result-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 {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-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 {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-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      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 {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.9375rem;\n      max-height: 3.25rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-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 {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges {\n      margin-bottom: 1rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-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 {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-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) {\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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-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 {\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 {\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 {\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-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 {\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 {\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 {\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.625rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-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.child-result:not(.last-child), :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 {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-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 {\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 {\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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.4375rem;\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-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.child-result:not(.last-child), :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.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-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.child-result:not(.last-child), :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    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-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 {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-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 {\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 {\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 {\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-small atomic-result-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-small atomic-result-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-small atomic-result-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-icon.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-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-icon.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-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-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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      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-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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      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-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-small atomic-result-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-small atomic-result-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-small atomic-result-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-icon.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-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-icon.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-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-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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      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-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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      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-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-small atomic-result-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-small atomic-result-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-small atomic-result-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-icon.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-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-icon.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-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-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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      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-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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      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-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.9375rem;\n      max-height: 3.25rem;\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-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\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-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-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-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-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-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-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-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-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-icon.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges {\n      margin-bottom: 1rem;\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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-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-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-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-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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      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-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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      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-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-icon.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-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      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-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-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-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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      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-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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      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-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 1rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-icon.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-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      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-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-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-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-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-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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      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-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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      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-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      margin-top: 0.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\n      --font-size: var(--atomic-text-sm);\n      font-size: var(--font-size);\n      --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n      line-height: var(--line-height);\n      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-icon.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-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      margin-top: 0.75rem;\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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 9rem;\n      }\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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-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-icon.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-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-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-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) {\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 {\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-result-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 {\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 {\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    max-height: 4.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-bottom-metadata {\n    margin-top: 1.25rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 4rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-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    margin-top: 1.25rem;\n    padding: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-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    margin-top: 1.25rem;\n    padding: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-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.child-result:not(.last-child), :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 {\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-result-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 {\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 {\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    max-height: 2.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-bottom-metadata {\n    margin-top: 0.875rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 3.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-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    margin-top: 0.875rem;\n    padding: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-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    margin-top: 0.875rem;\n    padding: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-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.child-result:not(.last-child), :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 {\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-result-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 {\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 {\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    max-height: 1.25rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-bottom-metadata {\n    margin-top: 0.6875rem;\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n    max-height: 3.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-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    margin-top: 0.475rem;\n    padding: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-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.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-compact .placeholder {\n    margin-bottom: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-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    margin-top: 0.475rem;\n    padding: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-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.child-result:not(.last-child), :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-normal atomic-result-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-large.density-compact atomic-result-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 {\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 {\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-search-box-instant-results.entry.js

@@ -171,7 +171,7 @@ const AtomicSearchBoxInstantResults = class {
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'c458b821ec8f13321a674f00e6e5f8dfa50d2525', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'e1471cd50dd5174b2c2e80588b7b2ad076810e15', element: this.host, error: this.error }));
         }
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-search-box-query-suggestions.entry.js

@@ -61,7 +61,7 @@ const AtomicSearchBoxQuerySuggestions = class {
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'c5e8f0a3254a31cdae54c36868f70432c1673888', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '7fdb4afa7291ad70c37a9709fd7108f4fe0fb94d', element: this.host, error: this.error }));
         }
     }
     get host() { return getElement(this); }

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

@@ -4,9 +4,9 @@ import { buildStandaloneSearchBox, buildSearchBox } from '@coveo/headless';
 import { i as isMacOS, h as hasKeyboard } from './device-utils-58c97096.js';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { a as StorageItems, S as SafeStorage } from './local-storage-utils-410269e6.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-196a08f3.js';
-import { o as once, r as randomID, j as spreadProperties, h as isFocusingOut } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-ae75044b.js';
+import { o as once, r as randomID, h as spreadProperties, g as isFocusingOut } from './utils-6400ebde.js';
 import { a as SearchSlimIcon, b as SearchTextArea, S as SuggestionManager, c as SearchBoxWrapper } from './stencil-suggestion-manager-376f83e8.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import { a as elementHasQuery } from './suggestions-utils-591559a0.js';
@@ -441,14 +441,14 @@ const AtomicSearchBox = class {
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '6a53ad9feb241283fd9bcb638b8f0f703691937a' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: 'c704424a22aa17ead0ca97f0104e336df2c57475', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '382012077ac5fe02ac08358a3629073748aafbaf' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '5e41ae93494bc4e9d72fe6a4868433112db215c3', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'ee7fc79825b31c970bad13d6568e0a91b01ff60e', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'b9a7ad00f3e531993b3d70960b59ff49aeabb7ee', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),

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

@@ -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-ffbc4136.js';
-import { A as ArrayProp, M as MapProp } from './props-utils-e97ad6bd.js';
+import { A as ArrayProp, M as MapProp } from './props-utils-6040b5d2.js';
 import { p as parseDependsOn } from './depends-on-20dabb86.js';
 import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
@@ -11,7 +11,7 @@ import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
 import '@coveo/bueno';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './stencil-fieldset-group-5fa357cd.js';

package/dist/esm/atomic-smart-snippet-answer_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { D as DOMPurify } from './purify-c7ebd240.js';
-import { u as sanitizeStyle } from './utils-7161486d.js';
+import { q as sanitizeStyle } from './utils-6400ebde.js';
 import { b as bindAnalyticsToLink, L as LinkWithItemAnalytics } from './stencil-item-link-5a3f8f23.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './_commonjsHelpers-1789f0cf.js';
@@ -94,7 +94,7 @@ const AtomicSmartSnippetAnswer = class {
             }), ref: (element) => element && this.bindAnalyticsToLinks(element), part: "answer", class: "margin" })));
     }
     render() {
-        return (h(Host, { key: '70444fee1d3384fa1a413605776003ec98eafdcf' }, this.renderStyle(), this.renderContent()));
+        return (h(Host, { key: '8486943a3aef7c670b6aaaaf2adc99b7408538d2' }, this.renderStyle(), this.renderContent()));
     }
     get host() { return getElement(this); }
 };
@@ -128,7 +128,7 @@ const AtomicSmartSnippetSource = class {
         }
     }
     render() {
-        return (h(Host, { key: '01141ee8feb5120848bdd8932943a34c4cc39314' }, h(LinkWithItemAnalytics, { key: '824f2a0b8166ff4f785c2c03e68e4a8e57f96df8', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: '509f68c6ccc999f50522cfc7c24e6ee90e0974f2', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
+        return (h(Host, { key: 'fde65011dc467182998507feed4f49c9142450b5' }, h(LinkWithItemAnalytics, { key: '9ae297e97efc52be7b904d3aaffbb0c8b47b83c9', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: 'ecfafbf8f8ec31572728d3f64d8139731d524c70', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
     }
 };
 __decorate([

package/dist/esm/atomic-smart-snippet-collapse-wrapper_2.entry.js

@@ -58,11 +58,11 @@ const AtomicSmartSnippetCollapseWrapper = class {
         return (h("button", { onClick: () => (this.isExpanded = !this.isExpanded), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h(Host, { key: 'f54077986855f352d54274719926b720d67666f4', class: this.fullHeight || !this.shouldRenderButton
+        return (h(Host, { key: 'd0d27aef50cb43927fee9d1c85fc738649d7e808', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, h("div", { key: '50da7008c14259a00157127af608164375ac6fee', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'c6e9c1299180b61315c6727ff44f594b55d73843' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, h("div", { key: '86558fb96f6483ce6a188ce5c6831fd793bb87bb', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'bcf00155844052da320e6e6e6e09c81e0c5dcd23' })), this.shouldRenderButton && this.renderButton()));
     }
     get host() { return getElement(this); }
 };
@@ -152,7 +152,7 @@ const AtomicSmartSnippetExpandableAnswer = class {
         return (h("button", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h("div", { key: '19443f9310f0a6705f7f55eb74f7383ae7ff98bf', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (h("div", { key: '33e4b681dda67f25f3fc0d067b75abcf3092c39b', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/atomic-smart-snippet-feedback-modal.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3f35faca.js';
 import { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts-14a53e2c.js';
 import { S as SmartSnippetFeedbackModalFooter, a as SmartSnippetFeedbackModalBody, b as SmartSnippetFeebackModalOptions, s as smartSnippetFeedbackOptions, c as SmartSnippetFeedbackModalOption, d as SmartSnippetFeedbackModalDetails, e as SmartSnippetFeedbackModalHeader } from './smart-snippet-feedback-modal-common-835aa607.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { r as randomID } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippet } from '@coveo/headless';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './stencil-button-1a29a5df.js';
@@ -49,9 +49,9 @@ const AtomicSmartSnippetFeedbackModal = class {
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: '00de4d288b7a720b9744788a153d1255d11060f7', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '3c4f76f84e76a579133e2694d847020655baee6e', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'bd868cbb9869db40b51a8316e5ea05fc696c30d2', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '9ae335b9f91f61edc868aabdacfe91e91611dd1b', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: '7873f12c4d080d167e19c74e3e3d24e989084fbb', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'edf6c6e1462f60f000f4d008d02d59b4f1b50da6', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '4060681aecb0f2ad490c0cd7556bfd599161343d', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '3c57663d59c5978fbee4d2b24866d43ead6c1497', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'e55cf874da94c3987016981ca559c7da8fd36e61', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '6391da526340901c3abfb23346b0d86d9f584068', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'b01ff181e25692d9a174e9cbf374e4aba8a38df7', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'e8168c3f2f45687cadec47c6fdf3b89de5c086dc', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/esm/atomic-smart-snippet-suggestions.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';
 import { S as SmartSnippetSuggestionsWrapper, a as SmartSnippetSuggestionsQuestion, g as getQuestionPart, b as SmartSnippetSuggestionsQuestionWrapper, c as SmartSnippetSuggestionsAnswerAndSourceWrapper, d as SmartSnippetSuggestionsFooter } from './smart-snippet-suggestions-common-10bd1697.js';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippetQuestionsList } from '@coveo/headless';
 import { A as ArrowDown } from './arrow-down-a7ee2ae6.js';
 import { A as ArrowRight } from './arrow-right-cb365b01.js';

package/dist/esm/atomic-smart-snippet.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { S as SmartSnippetQuestion, d as SmartSnippetTruncatedAnswer, a as SmartSnippetFooter, b as SmartSnippetFeedbackBanner, c as SmartSnippetWrapper } from './smart-snippet-common-5ed4bdfa.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippet, buildTabManager } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { A as ArrayProp } from './props-utils-e97ad6bd.js';
+import { A as ArrayProp } from './props-utils-6040b5d2.js';
 import { s as shouldDisplayOnCurrentTab } from './tab-utils-35886d3e.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';
 import './stencil-button-1a29a5df.js';

package/dist/esm/atomic-sort-dropdown.entry.js

@@ -3,7 +3,7 @@ import { Schema, StringValue } from '@coveo/bueno';
 import { buildSearchStatus, buildSort, buildTabManager, parseCriterionExpression, loadSortCriteriaActions } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { s as shouldDisplayOnCurrentTab } from './tab-utils-35886d3e.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { A as ArrowBottomIcon } from './arrow-bottom-rounded-043572da.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
@@ -121,8 +121,8 @@ const AtomicSortDropdown = class {
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: '66f0c9de176fd2c9cb547d369f10fa3416d9a5fd', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '5b3008b4f26abdeee78d2cd964d137f8001ad251' }, h(SortLabel, { key: '3f94d35e35aba4ec3f98711e33464327ba491174', i18n: i18n, id: id }), h(SortSelect, { key: '2c905601b8771fef1b74855608f4d28ece6bf662', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: '6f21e177b858af29840e03dcfe0c3e932753b3a0' }),
+            h(SortGuard, { key: 'c14d93cfa2d9e670f7695cfd1af4cf737311f11e', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '500c808e2989e6d5426140821d86d4e15cd6bf59' }, h(SortLabel, { key: '803c794be2f089df9453802d1bbb5968be65abd6', i18n: i18n, id: id }), h(SortSelect, { key: '1deba64980b3a927b77ad9c558144681f92bac8e', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: 'e238e6a9339f38c5c36665ebd787e43d4c5e011e' }),
         ];
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-sort-expression.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
-import { A as ArrayProp } from './props-utils-e97ad6bd.js';
+import { A as ArrayProp } from './props-utils-6040b5d2.js';
 import '@coveo/bueno';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 
@@ -50,7 +50,7 @@ const AtomicSortExpression = class {
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '3b2db477a74789f11e9423b37104e5c27e30e61f', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: '2e02e5bfb81dbf81e48bf860248f6252d9b611f1', element: this.host, error: error }));
         }
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-stencil-facet-date-input.entry.js

@@ -69,13 +69,13 @@ const FacetDateInput = class {
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (h("form", { key: '60acc60ec8b30e3eaa4d0e2e1426732925ff352c', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (h("form", { key: 'a6dac71a63ec89c9d2db4a2193c314457e7259e3', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: 'a43bd6b7f3ae352a7592e9de3390e5b8e180cb29', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '7908bdd17fb8d035d2b75ab02417b13cd1516bd2', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, h("label", { key: '0245d6a038e4c839d6589fdef9605c8d0cd89266', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: 'f1d063272bb432fe5f3d1d0868df4a11f0d9cb5e', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'd5d35be72e99ae7488fae004a61682d597ab7d7f', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: 'b6b30c327c78cecef22c0b6eeec8cbf29b1d711a', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: 'd0b34163e43a90cf982155bf7eeb315212c9e1d2', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'e99a0845acd01318f12fab4a0769071ea2cb0a22', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '184d0c3a6517439f943709b5d27936ab8f3fb0f7', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '7ac776c5c63e63a141ab9d89d493ba1d50fec2eb', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 };