npm - @coveo/atomic - Versions diffs - 3.34.0-pre.e940bd417f → 3.34.0-pre.e9dced32b2 - Mend

@coveo/atomic 3.34.0-pre.e940bd417f → 3.34.0-pre.e9dced32b2

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

Files changed (359) hide show

package/dist/atomic/{p-577d34ba.entry.js → p-c4fb6426.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as o}from"./p-dc3df5ce.js";import{r as s}from"./p-27cf779a.js";import{I as n}from"./p-27b8404c.js";import"./p-26598ee0.js";import"./p-c9074946.js";import"./p-31a13850.js";import"./p-1580513b.js";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-97748161.js";const a="/*! 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:host {\n  position: relative;\n}\n:host .with-sections:not(.child-result) {\n  padding-top: var(--atomic-layout-spacing-y);\n  padding-bottom: var(--atomic-layout-spacing-y);\n  padding-right: var(--atomic-layout-spacing-x);\n  padding-left: var(--atomic-layout-spacing-x);\n}\n:host(:hover) .with-sections {\n  background-color: var(--atomic-neutral-lighter);\n}\n:host(:hover) atomic-insight-result-action-bar {\n  visibility: visible;\n}\n:host(:first-of-type) .with-sections:not(.child-result) {\n  padding-top: calc(0.25rem * 8);\n}\n:host(:first-of-type) atomic-insight-result-action-bar {\n  top: calc(0.25rem * 0);\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-font-weight: initial;\n      --tw-border-style: solid;\n    }\n  }\n}\n";const r=a;const l=class{constructor(i){t(this,i);this.density="normal";this.imageSize="icon";this.classes="";this.stopPropagation=undefined;this.result=undefined;this.interactiveResult=undefined;this.store=undefined;this.content=undefined;this.density="normal";this.imageSize="icon";this.classes="";this.loadingFlag=undefined}resolveResult(t){t.preventDefault();t.stopPropagation();t.detail(this.result)}resolveInteractiveResult(t){t.preventDefault();t.stopPropagation();if(this.interactiveResult){t.detail(this.interactiveResult)}}resolveStopPropagation(t){t.detail(this.stopPropagation)}resolveResultDisplayConfig(t){t.preventDefault();t.stopPropagation();t.detail({density:this.density,imageSize:this.imageSize})}connectedCallback(){this.layout=new n(this.content.children,"list",this.density,this.imageSize)}getContentHTML(){return Array.from(this.content.children).map((t=>t.outerHTML)).join("")}render(){return i(e,{key:"505c25b1654eb640ab6e06b25b162a56d43f491f",class:s},i("div",{key:"cb2689c14b83b4dc8356c4cb0150017972f8613e",class:`result-root ${this.layout.getClasses().concat(this.classes).join(" ")}`,innerHTML:this.getContentHTML()}))}componentDidLoad(){if(this.loadingFlag&&this.store){this.store.unsetLoadingFlag(this.loadingFlag)}}get host(){return o(this)}};l.style=r;export{l as atomic_insight_result};
-//# sourceMappingURL=p-577d34ba.entry.js.map
+import{r as t,h as i,H as e,g as o}from"./p-dc3df5ce.js";import{r as s}from"./p-27cf779a.js";import{I as n}from"./p-e62fc40e.js";import"./p-26598ee0.js";import"./p-c9074946.js";import"./p-31a13850.js";import"./p-1580513b.js";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-dc28ee14.js";const a="/*! 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:host {\n  position: relative;\n}\n:host .with-sections:not(.child-result) {\n  padding-top: var(--atomic-layout-spacing-y);\n  padding-bottom: var(--atomic-layout-spacing-y);\n  padding-right: var(--atomic-layout-spacing-x);\n  padding-left: var(--atomic-layout-spacing-x);\n}\n:host(:hover) .with-sections {\n  background-color: var(--atomic-neutral-lighter);\n}\n:host(:hover) atomic-insight-result-action-bar {\n  visibility: visible;\n}\n:host(:first-of-type) .with-sections:not(.child-result) {\n  padding-top: calc(0.25rem * 8);\n}\n:host(:first-of-type) atomic-insight-result-action-bar {\n  top: calc(0.25rem * 0);\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-font-weight: initial;\n      --tw-border-style: solid;\n    }\n  }\n}\n";const r=a;const l=class{constructor(i){t(this,i);this.density="normal";this.imageSize="icon";this.classes="";this.stopPropagation=undefined;this.result=undefined;this.interactiveResult=undefined;this.store=undefined;this.content=undefined;this.density="normal";this.imageSize="icon";this.classes="";this.loadingFlag=undefined}resolveResult(t){t.preventDefault();t.stopPropagation();t.detail(this.result)}resolveInteractiveResult(t){t.preventDefault();t.stopPropagation();if(this.interactiveResult){t.detail(this.interactiveResult)}}resolveStopPropagation(t){t.detail(this.stopPropagation)}resolveResultDisplayConfig(t){t.preventDefault();t.stopPropagation();t.detail({density:this.density,imageSize:this.imageSize})}connectedCallback(){this.layout=new n(this.content.children,"list",this.density,this.imageSize)}getContentHTML(){return Array.from(this.content.children).map((t=>t.outerHTML)).join("")}render(){return i(e,{key:"505c25b1654eb640ab6e06b25b162a56d43f491f",class:s},i("div",{key:"cb2689c14b83b4dc8356c4cb0150017972f8613e",class:`result-root ${this.layout.getClasses().concat(this.classes).join(" ")}`,innerHTML:this.getContentHTML()}))}componentDidLoad(){if(this.loadingFlag&&this.store){this.store.unsetLoadingFlag(this.loadingFlag)}}get host(){return o(this)}};l.style=r;export{l as atomic_insight_result};
+//# sourceMappingURL=p-c4fb6426.entry.js.map

package/dist/atomic/{p-9c7dbbdf.js → p-cc2b2231.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 function t(t,o){return t.querySelector(n(o))}function n(t){return`atomic-layout-section[section="${t}"]`}export{t as f,n as s};
-//# sourceMappingURL=p-9c7dbbdf.js.map
+//# sourceMappingURL=p-cc2b2231.js.map

package/dist/atomic/p-cc2b2231.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["findSection","element","section","querySelector","sectionSelector"],"sources":["src/components/common/atomic-layout-section/atomic-layout-section-utils.ts"],"sourcesContent":["import type {AtomicLayoutSection} from './atomic-layout-section';\n\nexport type Section =\n | 'search'\n | 'facets'\n | 'main'\n | 'status'\n | 'results'\n | 'horizontal-facets'\n | 'products'\n | 'pagination';\n\nexport function findSection(element: HTMLElement, section: Section) {\n return element.querySelector(\n sectionSelector(section)\n ) as AtomicLayoutSection | null;\n}\n\nexport function sectionSelector(section: Section) {\n return `atomic-layout-section[section=\"${section}\"]`;\n}\n"],"mappings":"SAYgBA,EAAYC,EAAsBC,GAChD,OAAOD,EAAQE,cACbC,EAAgBF,GAEpB,C,SAEgBE,EAAgBF,GAC9B,MAAO,kCAAkCA,KAC3C,Q","ignoreList":[]}

package/dist/atomic/{p-a5714bc4.entry.js → p-d211a422.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as o}from"./p-dc3df5ce.js";import{A as s}from"./p-3af2fca0.js";import"@coveo/bueno";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";var i=undefined&&undefined.__decorate||function(e,t,o,s){var i=arguments.length,r=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,o,s);else for(var c=e.length-1;c>=0;c--)if(n=e[c])r=(i<3?n(r):i>3?n(t,o,r):n(t,o))||r;return i>3&&r&&Object.defineProperty(t,o,r),r};const r=class{constructor(t){e(this,t);this.tabsIncluded="[]";this.tabsExcluded="[]";this.label=undefined;this.expression=undefined;this.tabsIncluded="[]";this.tabsExcluded="[]"}render(){if(this.tabsIncluded.length>0&&this.tabsExcluded.length>0){console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This is could lead to unexpected behaviors.')}const e="atomic-sort-dropdown";if(!this.host.closest(e)){const o=new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${e} element.`);return t("atomic-component-error",{key:"e6f4618bff3c867c11f3abc7d0d8916bed9d9490",element:this.host,error:o})}}get host(){return o(this)}};i([s()],r.prototype,"tabsIncluded",void 0);i([s()],r.prototype,"tabsExcluded",void 0);export{r as atomic_sort_expression};
-//# sourceMappingURL=p-a5714bc4.entry.js.map
+import{r as e,h as t,g as o}from"./p-dc3df5ce.js";import{A as s}from"./p-3af2fca0.js";import"@coveo/bueno";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";var i=undefined&&undefined.__decorate||function(e,t,o,s){var i=arguments.length,r=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,o,s);else for(var c=e.length-1;c>=0;c--)if(n=e[c])r=(i<3?n(r):i>3?n(t,o,r):n(t,o))||r;return i>3&&r&&Object.defineProperty(t,o,r),r};const r=class{constructor(t){e(this,t);this.tabsIncluded="[]";this.tabsExcluded="[]";this.label=undefined;this.expression=undefined;this.tabsIncluded="[]";this.tabsExcluded="[]"}render(){if(this.tabsIncluded.length>0&&this.tabsExcluded.length>0){console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This is could lead to unexpected behaviors.')}const e="atomic-sort-dropdown";if(!this.host.closest(e)){const o=new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${e} element.`);return t("atomic-component-error",{key:"3b2db477a74789f11e9423b37104e5c27e30e61f",element:this.host,error:o})}}get host(){return o(this)}};i([s()],r.prototype,"tabsIncluded",void 0);i([s()],r.prototype,"tabsExcluded",void 0);export{r as atomic_sort_expression};
+//# sourceMappingURL=p-d211a422.entry.js.map