@coveo/atomic 3.53.0 → 3.53.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1148 -1086
- package/dist/atomic/assets/action_override.svg +1 -0
- package/dist/atomic/assets/agent_astro.svg +1 -0
- package/dist/atomic/assets/business_unit.svg +1 -0
- package/dist/atomic/assets/collection_alt.svg +1 -0
- package/dist/atomic/assets/css.svg +1 -0
- package/dist/atomic/assets/custom_entity.svg +1 -0
- package/dist/atomic/assets/custom_textbox.svg +1 -0
- package/dist/atomic/assets/database.svg +1 -0
- package/dist/atomic/assets/dx_pipeline.svg +1 -0
- package/dist/atomic/assets/feed.svg +1 -1
- package/dist/atomic/assets/push.svg +1 -0
- package/dist/atomic/assets/secondary_index.svg +1 -0
- package/dist/atomic/assets/tabset.svg +1 -0
- package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-interface/atomic-commerce-interface.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +2 -2
- package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.tw.css.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-actions/atomic-product-section-actions.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-badges/atomic-product-section-badges.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-children/atomic-product-section-children.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-description/atomic-product-section-description.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-emphasized/atomic-product-section-emphasized.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-metadata/atomic-product-section-metadata.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-name/atomic-product-section-name.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-product-section-visual/atomic-product-section-visual.js +1 -1
- package/dist/atomic/components/components/common/atomic-citation/atomic-citation.js +1 -1
- package/dist/atomic/components/components/common/atomic-citation/atomic-citation.tw.css.js +1 -1
- package/dist/atomic/components/components/common/{generated-answer/atomic-answer-content/atomic-answer-content.js → atomic-generated-answer-content/atomic-generated-answer-content.js} +24 -24
- package/dist/atomic/components/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js +1 -1
- package/dist/atomic/components/components/common/{generated-answer/atomic-generated-answers-thread/atomic-generated-answers-thread.js → atomic-generated-answer-thread/atomic-generated-answer-thread.js} +19 -19
- package/dist/atomic/components/components/common/{generated-answer/atomic-generated-answer-thread-item → atomic-generated-answer-thread-item}/atomic-generated-answer-thread-item.js +13 -4
- package/dist/atomic/components/components/common/atomic-modal/atomic-modal.js +1 -1
- package/dist/atomic/components/components/common/atomic-rating/atomic-rating.tw.css.js +1 -1
- package/dist/atomic/components/components/common/atomic-result-placeholder/atomic-result-placeholder.js +1 -1
- package/dist/atomic/components/components/common/atomic-smart-snippet-answer/atomic-smart-snippet-answer.tw.css.js +1 -1
- package/dist/atomic/components/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tw.css.js +1 -1
- package/dist/atomic/components/components/common/atomic-tab-bar/atomic-tab-bar.js +1 -1
- package/dist/atomic/components/components/common/facets/facet-common.tw.css.js +1 -1
- package/dist/atomic/components/components/common/facets/facet-search/facet-search.tw.css.js +1 -1
- package/dist/atomic/components/components/common/facets/facet-value-box/facet-value-box.tw.css.js +1 -1
- package/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.js +1 -1
- package/dist/atomic/components/components/common/generated-answer/generated-content/generated-markdown-content.tw.css.js +1 -1
- package/dist/atomic/components/components/common/generated-answer/render-agent-generation-steps.js +0 -1
- package/dist/atomic/components/components/common/generated-answer/render-follow-up-input.js +1 -1
- package/dist/atomic/components/components/common/generated-answer/styles/generated-answer.tw.css.js +1 -1
- package/dist/atomic/components/components/common/index.js +3 -0
- package/dist/atomic/components/components/common/item-list/styles/grid-display.tw.css.js +1 -1
- package/dist/atomic/components/components/common/item-list/styles/list-display.tw.css.js +1 -1
- package/dist/atomic/components/components/common/item-list/styles/table-display.tw.css.js +1 -1
- package/dist/atomic/components/components/common/items-per-page/validate.js +1 -1
- package/dist/atomic/components/components/common/lazy-index.js +3 -0
- package/dist/atomic/components/components/common/radio-button.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-full-search-button/atomic-insight-full-search-button.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-interface/atomic-insight-interface.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-pager/atomic-insight-pager.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-result/atomic-insight-result.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-result-action/atomic-insight-result-action.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-result-action-bar/atomic-insight-result-action-bar.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.js +1 -0
- package/dist/atomic/components/components/insight/atomic-insight-result-children/atomic-insight-result-children.js +2 -2
- package/dist/atomic/components/components/insight/atomic-insight-result-list/insight-list-display.tw.css.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-search-box/atomic-insight-search-box.tw.css.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.tw.css.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-smart-snippet-feedback-modal/atomic-insight-smart-snippet-feedback-modal.tw.css.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-smart-snippet-suggestions/atomic-insight-smart-snippet-suggestions.tw.css.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-tab/atomic-insight-tab.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.js +1 -1
- package/dist/atomic/components/components/insight/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-button/atomic-ipx-button.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-embedded/atomic-ipx-embedded.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-modal/atomic-ipx-modal.js +7 -3
- package/dist/atomic/components/components/ipx/atomic-ipx-recs-list/atomic-ipx-recs-list.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-refine-toggle/atomic-ipx-refine-toggle.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.tw.css.js +1 -1
- package/dist/atomic/components/components/ipx/atomic-ipx-tab/atomic-ipx-tab.js +1 -1
- package/dist/atomic/components/components/recommendations/atomic-recs-interface/atomic-recs-interface.js +1 -1
- package/dist/atomic/components/components/recommendations/atomic-recs-list/atomic-recs-list.js +1 -1
- package/dist/atomic/components/components/recommendations/atomic-recs-result/atomic-recs-result.js +1 -1
- package/dist/atomic/components/components/search/atomic-breadbox/atomic-breadbox.js +1 -1
- package/dist/atomic/components/components/search/atomic-category-facet/atomic-category-facet.js +1 -1
- package/dist/atomic/components/components/search/atomic-color-facet/atomic-color-facet.js +1 -2
- package/dist/atomic/components/components/search/atomic-generated-answer/atomic-generated-answer.js +5 -5
- package/dist/atomic/components/components/search/atomic-quickview-modal/atomic-quickview-modal.js +1 -1
- package/dist/atomic/components/components/search/atomic-refine-modal/atomic-refine-modal.js +1 -1
- package/dist/atomic/components/components/search/atomic-result/atomic-result.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-children/atomic-result-children.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-link/atomic-result-link.tw.css.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-actions/atomic-result-section-actions.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-badges/atomic-result-section-badges.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-children/atomic-result-section-children.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-excerpt/atomic-result-section-excerpt.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-title/atomic-result-section-title.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-visual/atomic-result-section-visual.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.js +1 -1
- package/dist/atomic/components/components/search/atomic-search-box/atomic-search-box.js +2 -2
- package/dist/atomic/components/components/search/atomic-search-interface/atomic-search-interface.js +3 -9
- package/dist/atomic/components/components/search/atomic-smart-snippet/atomic-smart-snippet.tw.css.js +1 -1
- package/dist/atomic/components/components/search/atomic-smart-snippet-suggestions/atomic-smart-snippet-suggestions.tw.css.js +1 -1
- package/dist/atomic/components/components/search/atomic-tab-manager/atomic-tab-manager.tw.css.js +1 -1
- package/dist/atomic/components/components/search/facets/facet-segmented-value/facet-segmented-value.tw.css.js +1 -1
- package/dist/atomic/components/decorators/with-tailwind-styles.js +1 -5
- package/dist/atomic/components/generated/dayjs-locales-data.js +14 -14
- package/dist/atomic/components/global/environment.js +1 -1
- package/dist/atomic/components/index.js +1 -1
- package/dist/atomic/components/utils/coveo.tw.css.js +2 -2
- package/dist/atomic/components/utils/custom-element-tags.js +2 -14
- package/dist/atomic/components/utils/initialization-common-utils.js +15 -0
- package/dist/atomic/components/utils/tailwind.global.tw.css.js +2 -2
- package/dist/atomic/lang/cs.json +1 -1
- package/dist/atomic/lang/da.json +1 -1
- package/dist/atomic/lang/de.json +1 -1
- package/dist/atomic/lang/dev.json +1 -1
- package/dist/atomic/lang/el.json +1 -1
- package/dist/atomic/lang/en.json +1 -1
- package/dist/atomic/lang/es.json +1 -1
- package/dist/atomic/lang/fi.json +1 -1
- package/dist/atomic/lang/fr.json +1 -1
- package/dist/atomic/lang/hu.json +1 -1
- package/dist/atomic/lang/id.json +1 -1
- package/dist/atomic/lang/it.json +1 -1
- package/dist/atomic/lang/ja.json +1 -1
- package/dist/atomic/lang/ko.json +1 -1
- package/dist/atomic/lang/nl.json +1 -1
- package/dist/atomic/lang/no.json +1 -1
- package/dist/atomic/lang/pl.json +1 -1
- package/dist/atomic/lang/pt-BR.json +1 -1
- package/dist/atomic/lang/pt.json +1 -1
- package/dist/atomic/lang/ru.json +1 -1
- package/dist/atomic/lang/sv.json +1 -1
- package/dist/atomic/lang/th.json +1 -1
- package/dist/atomic/lang/tr.json +1 -1
- package/dist/atomic/lang/zh-CN.json +1 -1
- package/dist/atomic/lang/zh-TW.json +1 -1
- package/dist/atomic/lang/zh.json +1 -1
- package/dist/cjs/version.cjs.js +2 -2
- package/dist/esm/version.js +2 -2
- package/dist/types/components/common/{generated-answer/atomic-answer-content/atomic-answer-content.d.ts → atomic-generated-answer-content/atomic-generated-answer-content.d.ts} +2 -5
- package/dist/types/components/common/{generated-answer/atomic-generated-answers-thread/atomic-generated-answers-thread.d.ts → atomic-generated-answer-thread/atomic-generated-answer-thread.d.ts} +6 -6
- package/dist/types/components/common/index.d.ts +3 -0
- package/dist/types/components/search/atomic-generated-answer/atomic-generated-answer.d.ts +1 -1
- package/dist/types/components/search/atomic-search-interface/atomic-search-interface.d.ts +1 -4
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/custom-element-tags.d.ts +0 -8
- package/dist/types/utils/initialization-common-utils.d.ts +8 -0
- package/docs/assets.json +1 -1
- package/package.json +43 -45
- /package/dist/types/components/common/{generated-answer/atomic-generated-answer-thread-item → atomic-generated-answer-thread-item}/atomic-generated-answer-thread-item.d.ts +0 -0
|
@@ -180,7 +180,7 @@ let AtomicCitation = class AtomicCitation extends LitElement {
|
|
|
180
180
|
@mouseleave=${this.delayedClosePopover}
|
|
181
181
|
>
|
|
182
182
|
<div class="text-neutral-dark truncate text-sm">
|
|
183
|
-
${this.citation.uri}
|
|
183
|
+
${this.citation.clickUri ?? this.citation.uri}
|
|
184
184
|
</div>
|
|
185
185
|
${renderHeading({
|
|
186
186
|
props: {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */:host{display:contents;position:relative}[part=citation]{--height:2.2em;--index-height:1.1em;--max-citation-width:400px;height:var(--height);max-width:var(--max-citation-width)}[part=citation-popover]{--popover-width:350px;width:var(--popover-width);p{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}}`;
|
|
3
3
|
export default styles;
|
|
@@ -7,19 +7,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { html, LitElement } from 'lit';
|
|
8
8
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
9
9
|
import { when } from 'lit/directives/when.js';
|
|
10
|
-
import atomicGeneratedAnswerStyles from "
|
|
11
|
-
import { withTailwindStyles } from "
|
|
12
|
-
import { renderGeneratedContentContainer } from '../generated-content-container';
|
|
13
|
-
import { renderAgentGenerationSteps } from '../render-agent-generation-steps';
|
|
14
|
-
import { renderFeedbackAndCopyButtons } from '../render-feedback-and-copy-buttons';
|
|
15
|
-
import { renderSourceCitations } from '../source-citations';
|
|
10
|
+
import atomicGeneratedAnswerStyles from "../../search/atomic-generated-answer/atomic-generated-answer.tw.css.js";
|
|
11
|
+
import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
|
|
12
|
+
import { renderGeneratedContentContainer } from '../generated-answer/generated-content-container';
|
|
13
|
+
import { renderAgentGenerationSteps } from '../generated-answer/render-agent-generation-steps';
|
|
14
|
+
import { renderFeedbackAndCopyButtons } from '../generated-answer/render-feedback-and-copy-buttons';
|
|
15
|
+
import { renderSourceCitations } from '../generated-answer/source-citations';
|
|
16
16
|
const COPY_RESET_DURATION_MS = 2000;
|
|
17
17
|
/**
|
|
18
|
-
* The `atomic-answer-content` component renders the content of a generated answer.
|
|
18
|
+
* The `atomic-generated-answer-content` component renders the content of a generated answer.
|
|
19
19
|
*
|
|
20
20
|
* @internal
|
|
21
21
|
*/
|
|
22
|
-
let
|
|
22
|
+
let AtomicGeneratedAnswerContent = class AtomicGeneratedAnswerContent extends LitElement {
|
|
23
23
|
constructor() {
|
|
24
24
|
super(...arguments);
|
|
25
25
|
/**
|
|
@@ -38,9 +38,6 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
|
|
|
38
38
|
* Callback invoked after the answer text has been successfully copied.
|
|
39
39
|
*/
|
|
40
40
|
this.onCopyToClipboard = () => { };
|
|
41
|
-
/**
|
|
42
|
-
* Internal copy feedback state.
|
|
43
|
-
*/
|
|
44
41
|
this.copyState = 'idle';
|
|
45
42
|
}
|
|
46
43
|
disconnectedCallback() {
|
|
@@ -145,10 +142,13 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
|
|
|
145
142
|
}
|
|
146
143
|
}
|
|
147
144
|
renderError() {
|
|
145
|
+
const errorMessageKey = this.generatedAnswer.error?.isSseTurnLimitReachedError?.()
|
|
146
|
+
? 'generated-answer-error-turn-limit-reached'
|
|
147
|
+
: 'generated-answer-error-generic';
|
|
148
148
|
return html `
|
|
149
149
|
<div part="generated-answer-error">
|
|
150
150
|
<p>
|
|
151
|
-
${this.i18n.t(
|
|
151
|
+
${this.i18n.t(errorMessageKey)}
|
|
152
152
|
</p>
|
|
153
153
|
</div>
|
|
154
154
|
`;
|
|
@@ -163,30 +163,30 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
|
|
|
163
163
|
`;
|
|
164
164
|
}
|
|
165
165
|
};
|
|
166
|
-
|
|
166
|
+
AtomicGeneratedAnswerContent.styles = [atomicGeneratedAnswerStyles];
|
|
167
167
|
__decorate([
|
|
168
168
|
property({ attribute: false })
|
|
169
|
-
],
|
|
169
|
+
], AtomicGeneratedAnswerContent.prototype, "generatedAnswer", void 0);
|
|
170
170
|
__decorate([
|
|
171
171
|
property({ attribute: false })
|
|
172
|
-
],
|
|
172
|
+
], AtomicGeneratedAnswerContent.prototype, "i18n", void 0);
|
|
173
173
|
__decorate([
|
|
174
174
|
property({ attribute: false })
|
|
175
|
-
],
|
|
175
|
+
], AtomicGeneratedAnswerContent.prototype, "renderCitations", void 0);
|
|
176
176
|
__decorate([
|
|
177
177
|
property({ attribute: false })
|
|
178
|
-
],
|
|
178
|
+
], AtomicGeneratedAnswerContent.prototype, "onClickLike", void 0);
|
|
179
179
|
__decorate([
|
|
180
180
|
property({ attribute: false })
|
|
181
|
-
],
|
|
181
|
+
], AtomicGeneratedAnswerContent.prototype, "onClickDislike", void 0);
|
|
182
182
|
__decorate([
|
|
183
183
|
property({ attribute: false })
|
|
184
|
-
],
|
|
184
|
+
], AtomicGeneratedAnswerContent.prototype, "onCopyToClipboard", void 0);
|
|
185
185
|
__decorate([
|
|
186
186
|
state()
|
|
187
|
-
],
|
|
188
|
-
|
|
189
|
-
customElement('atomic-answer-content'),
|
|
187
|
+
], AtomicGeneratedAnswerContent.prototype, "copyState", void 0);
|
|
188
|
+
AtomicGeneratedAnswerContent = __decorate([
|
|
189
|
+
customElement('atomic-generated-answer-content'),
|
|
190
190
|
withTailwindStyles
|
|
191
|
-
],
|
|
192
|
-
export {
|
|
191
|
+
], AtomicGeneratedAnswerContent);
|
|
192
|
+
export { AtomicGeneratedAnswerContent };
|
|
@@ -369,7 +369,7 @@ AtomicGeneratedAnswerFeedbackModal.options = [
|
|
|
369
369
|
correspondingAnswer: 'readable',
|
|
370
370
|
},
|
|
371
371
|
];
|
|
372
|
-
AtomicGeneratedAnswerFeedbackModal.styles = css`/*! tailwindcss v4.1.
|
|
372
|
+
AtomicGeneratedAnswerFeedbackModal.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */[part=generated-answer-feedback-modal]{&::part(container){min-width:calc(var(--spacing, .25rem)*170)}&::part(body),&::part(footer),&::part(header){max-width:calc(var(--spacing, .25rem)*170)}@media not all and (width >= 1024px){&::part(container){min-width:100%;width:auto}&::part(body),&::part(footer),&::part(header){max-width:100%}[part=buttons]{.required-label{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}[part=form]{.answer-evaluation{display:block}.options{margin-top:calc(var(--spacing, .25rem)*2)}}[part=modal-header]{.hide{display:none}}}}[part=form]{.active{background-color:var(--atomic-primary-background);border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}.text-error-red{color:var(--atomic-inline-code)}}`;
|
|
373
373
|
__decorate([
|
|
374
374
|
property({
|
|
375
375
|
type: Boolean,
|
|
@@ -4,18 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { html, LitElement
|
|
7
|
+
import { html, LitElement } from 'lit';
|
|
8
8
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
9
|
-
import { withTailwindStyles } from "../../../../decorators/with-tailwind-styles";
|
|
10
|
-
import "../atomic-generated-answer-thread-item/atomic-generated-answer-thread-item";
|
|
11
|
-
import "../atomic-answer-content/atomic-answer-content";
|
|
12
9
|
import { repeat } from 'lit/directives/repeat.js';
|
|
10
|
+
import "../atomic-generated-answer-content/atomic-generated-answer-content";
|
|
11
|
+
import "../atomic-generated-answer-thread-item/atomic-generated-answer-thread-item";
|
|
12
|
+
import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
|
|
13
13
|
const MIN_ANSWERS_TO_COLLAPSE = 2;
|
|
14
14
|
/**
|
|
15
|
-
* The `atomic-generated-
|
|
15
|
+
* The `atomic-generated-answer-thread` component is responsible for rendering a thread of generated answers.
|
|
16
16
|
* @internal
|
|
17
17
|
*/
|
|
18
|
-
let
|
|
18
|
+
let AtomicGeneratedAnswerThread = class AtomicGeneratedAnswerThread extends LitElement {
|
|
19
19
|
constructor() {
|
|
20
20
|
super(...arguments);
|
|
21
21
|
/**
|
|
@@ -77,14 +77,14 @@ let AtomicGeneratedAnswersThread = class AtomicGeneratedAnswersThread extends Li
|
|
|
77
77
|
.disableCollapse=${isLastAnswer}
|
|
78
78
|
.isExpanded=${isLastAnswer}
|
|
79
79
|
>
|
|
80
|
-
<atomic-answer-content
|
|
80
|
+
<atomic-generated-answer-content
|
|
81
81
|
.generatedAnswer=${answer}
|
|
82
82
|
.i18n=${this.i18n}
|
|
83
83
|
.renderCitations=${this.renderCitations}
|
|
84
84
|
.onClickLike=${this.onClickLike}
|
|
85
85
|
.onClickDislike=${this.onClickDislike}
|
|
86
86
|
.onCopyToClipboard=${this.onCopyToClipboard}
|
|
87
|
-
></atomic-answer-content>
|
|
87
|
+
></atomic-generated-answer-content>
|
|
88
88
|
</atomic-generated-answer-thread-item>
|
|
89
89
|
`;
|
|
90
90
|
})}
|
|
@@ -139,27 +139,27 @@ let AtomicGeneratedAnswersThread = class AtomicGeneratedAnswersThread extends Li
|
|
|
139
139
|
};
|
|
140
140
|
__decorate([
|
|
141
141
|
property({ attribute: false })
|
|
142
|
-
],
|
|
142
|
+
], AtomicGeneratedAnswerThread.prototype, "generatedAnswers", void 0);
|
|
143
143
|
__decorate([
|
|
144
144
|
property({ attribute: false })
|
|
145
|
-
],
|
|
145
|
+
], AtomicGeneratedAnswerThread.prototype, "i18n", void 0);
|
|
146
146
|
__decorate([
|
|
147
147
|
property({ attribute: false })
|
|
148
|
-
],
|
|
148
|
+
], AtomicGeneratedAnswerThread.prototype, "renderCitations", void 0);
|
|
149
149
|
__decorate([
|
|
150
150
|
property({ attribute: false })
|
|
151
|
-
],
|
|
151
|
+
], AtomicGeneratedAnswerThread.prototype, "onClickLike", void 0);
|
|
152
152
|
__decorate([
|
|
153
153
|
property({ attribute: false })
|
|
154
|
-
],
|
|
154
|
+
], AtomicGeneratedAnswerThread.prototype, "onClickDislike", void 0);
|
|
155
155
|
__decorate([
|
|
156
156
|
property({ attribute: false })
|
|
157
|
-
],
|
|
157
|
+
], AtomicGeneratedAnswerThread.prototype, "onCopyToClipboard", void 0);
|
|
158
158
|
__decorate([
|
|
159
159
|
state()
|
|
160
|
-
],
|
|
161
|
-
|
|
162
|
-
customElement('atomic-generated-
|
|
160
|
+
], AtomicGeneratedAnswerThread.prototype, "allGeneratedAnswersDisplayed", void 0);
|
|
161
|
+
AtomicGeneratedAnswerThread = __decorate([
|
|
162
|
+
customElement('atomic-generated-answer-thread'),
|
|
163
163
|
withTailwindStyles
|
|
164
|
-
],
|
|
165
|
-
export {
|
|
164
|
+
], AtomicGeneratedAnswerThread);
|
|
165
|
+
export { AtomicGeneratedAnswerThread };
|
|
@@ -8,7 +8,7 @@ import { html, LitElement } from 'lit';
|
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
import { classMap } from 'lit/directives/class-map.js';
|
|
10
10
|
import { when } from 'lit/directives/when.js';
|
|
11
|
-
import { withTailwindStyles } from "
|
|
11
|
+
import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
|
|
12
12
|
/**
|
|
13
13
|
* The `atomic-generated-answer-thread-item` component renders a generated answer
|
|
14
14
|
* thread item with timeline visuals and collapsible content.
|
|
@@ -50,11 +50,11 @@ let AtomicGeneratedAnswerThreadItem = class AtomicGeneratedAnswerThreadItem exte
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
+
const clampedTitleStyles = 'display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(4.5rem + 1px);';
|
|
53
54
|
const titleBaseClasses = {
|
|
54
55
|
'text-on-background': true,
|
|
55
56
|
'text-base': true,
|
|
56
57
|
'min-w-0': true,
|
|
57
|
-
'inline-flex': true,
|
|
58
58
|
'text-left': true,
|
|
59
59
|
'mr-auto': true,
|
|
60
60
|
'px-2': true,
|
|
@@ -111,8 +111,17 @@ let AtomicGeneratedAnswerThreadItem = class AtomicGeneratedAnswerThreadItem exte
|
|
|
111
111
|
class=${titleButtonClasses}
|
|
112
112
|
@click=${this.toggle}
|
|
113
113
|
>
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
<span
|
|
115
|
+
part="thread-item-title"
|
|
116
|
+
style=${clampedTitleStyles}
|
|
117
|
+
>${this.title}</span
|
|
118
|
+
>
|
|
119
|
+
</button>`, () => html `<span
|
|
120
|
+
class=${titleTextClasses}
|
|
121
|
+
part="thread-item-title"
|
|
122
|
+
style=${clampedTitleStyles}
|
|
123
|
+
>${this.title}</span
|
|
124
|
+
>`)}
|
|
116
125
|
</div>
|
|
117
126
|
</div>
|
|
118
127
|
<div class=${timelineBodyRowClasses}>
|
|
@@ -255,7 +255,7 @@ let AtomicModal = class AtomicModal extends InitializeBindingsMixin(LitElement)
|
|
|
255
255
|
});
|
|
256
256
|
}
|
|
257
257
|
};
|
|
258
|
-
AtomicModal.styles = css`/*! tailwindcss v4.1.
|
|
258
|
+
AtomicModal.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@keyframes scaleUp{0%{opacity:0;transform:scale(.7) translateY(150vh)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150vh)}}article.animate-open{animation:var(--animate-scale-up-modal,scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards)}article.animate-close{animation:var(--animate-slide-down-modal,slideDown .5s linear forwards)}.grid-template-modal{grid-template-areas:". . ." ". modal ." ". . .";grid-template-columns:1fr min(30rem,100%) 1fr;grid-template-rows:1fr auto 3fr}`;
|
|
259
259
|
__decorate([
|
|
260
260
|
state()
|
|
261
261
|
], AtomicModal.prototype, "bindings", void 0);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer components{atomic-product-rating,atomic-result-rating{.text-rating-icon-active,.text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
|
|
3
3
|
export default styles;
|
|
@@ -71,7 +71,7 @@ let AtomicResultPlaceholder = class AtomicResultPlaceholder extends LitElement {
|
|
|
71
71
|
`;
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
|
-
AtomicResultPlaceholder.styles = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;:host{@layer components{:host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}atomic-result-section-actions,atomic-result-section-badges{text-align:left}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem}.result-root{&.with-sections{display:grid;justify-items:stretch;atomic-result-section-visual{grid-area:visual}atomic-result-section-badges{grid-area:badges}atomic-result-section-actions{grid-area:actions;atomic-result-quickview{display:inline-block}}atomic-result-section-title{color:var(--atomic-on-background);grid-area:title}atomic-result-section-title-metadata{grid-area:title-metadata}atomic-result-section-emphasized{grid-area:emphasized}atomic-result-section-excerpt{color:var(--atomic-neutral-dark);grid-area:excerpt}atomic-result-section-bottom-metadata{color:var(--atomic-neutral-dark);grid-area:bottom-metadata}atomic-result-section-children{grid-area:children}atomic-result-section-actions,atomic-result-section-badges{display:flex;flex-wrap:wrap;gap:.5rem;max-height:calc(var(--row-height, 2rem)*2 + .5rem)}atomic-result-section-actions,atomic-result-section-badges,atomic-result-section-bottom-metadata,atomic-result-section-emphasized,atomic-result-section-excerpt,atomic-result-section-title,atomic-result-section-title-metadata,atomic-result-section-visual{overflow:hidden;text-overflow:ellipsis}&.image-icon{atomic-result-section-visual{border-radius:var(--atomic-border-radius)}}&.display-list{@media (width >= 1024px){&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}}&.density-comfortable{atomic-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto);atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto);atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}}&.image-small{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual ." "excerpt excerpt" "bottom-metadata bottom-metadata" "actions actions" "children children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.image-icon{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual excerpt" "visual bottom-metadata" "visual actions" "visual children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto);atomic-result-section-visual{display:none}}}}&.display-grid{a,button{position:relative}&.image-large{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto);atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}}&.image-small{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual ." "excerpt excerpt" "bottom-metadata bottom-metadata" "actions actions" "children children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.image-icon{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual excerpt" "visual bottom-metadata" "visual actions" "visual children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto);atomic-result-section-visual{display:none}}}}&.image-icon,&.image-none,&.image-small{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{atomic-result-section-visual{margin-bottom:1rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem}}&.density-normal{atomic-result-section-visual{margin-bottom:.75rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem}}&.density-compact{atomic-result-section-visual{margin-bottom:.5rem}&.image-large{atomic-result-section-visual{width:100%}}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:9rem}width:100%}}&.image-icon{atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{atomic-result-section-visual{display:none}}}}}&.display-table{&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}}&.density-comfortable{atomic-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto);atomic-result-section-visual{display:none}}}}atomic-table-element{display:none}}.link-container{display:none}}.result-root{&.display-grid{atomic-result-section-actions{display:none}}.badge{width:14rem}.action{width:10rem}.title{display:grid;grid-auto-flow:column;grid-gap:.5rem;height:var(--line-height);max-width:100%;width:30rem}.fields-placeholder{display:grid;grid-template-columns:repeat(auto-fill,min(11rem,40%));grid-column-gap:.5rem;.field-value-placeholder{height:var(--font-size);margin:calc((var(--line-height) - var(--font-size))/2) 0}}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-border-style:solid}}}`;
|
|
74
|
+
AtomicResultPlaceholder.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;:host{@layer components{:host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}atomic-result-section-actions,atomic-result-section-badges{text-align:left}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem}.result-root{&.with-sections{display:grid;justify-items:stretch;atomic-result-section-visual{grid-area:visual}atomic-result-section-badges{grid-area:badges}atomic-result-section-actions{grid-area:actions;atomic-result-quickview{display:inline-block}}atomic-result-section-title{color:var(--atomic-on-background);grid-area:title}atomic-result-section-title-metadata{grid-area:title-metadata}atomic-result-section-emphasized{grid-area:emphasized}atomic-result-section-excerpt{color:var(--atomic-neutral-dark);grid-area:excerpt}atomic-result-section-bottom-metadata{color:var(--atomic-neutral-dark);grid-area:bottom-metadata}atomic-result-section-children{grid-area:children}atomic-result-section-actions,atomic-result-section-badges{display:flex;flex-wrap:wrap;gap:.5rem;max-height:calc(var(--row-height, 2rem)*2 + .5rem)}atomic-result-section-actions,atomic-result-section-badges,atomic-result-section-bottom-metadata,atomic-result-section-emphasized,atomic-result-section-excerpt,atomic-result-section-title,atomic-result-section-title-metadata,atomic-result-section-visual{overflow:hidden;text-overflow:ellipsis}&.image-icon{atomic-result-section-visual{border-radius:var(--atomic-border-radius)}}&.display-list{@media (width >= 1024px){&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}}&.density-comfortable{atomic-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto);atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto);atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}}&.image-small{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual ." "excerpt excerpt" "bottom-metadata bottom-metadata" "actions actions" "children children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.image-icon{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual excerpt" "visual bottom-metadata" "visual actions" "visual children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto);atomic-result-section-visual{display:none}}}}&.display-grid{a,button{position:relative}&.image-large{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto);atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}}&.image-small{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual ." "excerpt excerpt" "bottom-metadata bottom-metadata" "actions actions" "children children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.image-icon{grid-template-areas:"badges badges" "visual title" "visual title-metadata" "visual emphasized" "visual excerpt" "visual bottom-metadata" "visual actions" "visual children";grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto);atomic-result-section-visual{display:none}}}}&.image-icon,&.image-none,&.image-small{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{atomic-result-section-visual{margin-bottom:1rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem}}&.density-normal{atomic-result-section-visual{margin-bottom:.75rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem}}&.density-compact{atomic-result-section-visual{margin-bottom:.5rem}&.image-large{atomic-result-section-visual{width:100%}}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.475rem}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:9rem}width:100%}}&.image-icon{atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{atomic-result-section-visual{display:none}}}}}&.display-table{&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}}&.density-comfortable{atomic-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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";grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto);atomic-result-section-visual{display:none}}}}atomic-table-element{display:none}}.link-container{display:none}}.result-root{&.display-grid{atomic-result-section-actions{display:none}}.badge{width:14rem}.action{width:10rem}.title{display:grid;grid-auto-flow:column;grid-gap:.5rem;height:var(--line-height);max-width:100%;width:30rem}.fields-placeholder{display:grid;grid-template-columns:repeat(auto-fill,min(11rem,40%));grid-column-gap:.5rem;.field-value-placeholder{height:var(--font-size);margin:calc((var(--line-height) - var(--font-size))/2) 0}}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-border-style:solid}}}`;
|
|
75
75
|
__decorate([
|
|
76
76
|
property({ type: String })
|
|
77
77
|
], AtomicResultPlaceholder.prototype, "display", void 0);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export default css`/*! tailwindcss v4.1.
|
|
2
|
+
export default css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer components{:host{color:var(--atomic-on-background);font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));line-height:calc(var(--text-lg)*var(--atomic-line-height-ratio));.wrapper{display:flow-root;.margin{margin:1rem 0}}}p{margin-top:calc(var(--spacing, .25rem)*4)}ol,p,ul{margin-bottom:calc(var(--spacing, .25rem)*4)}ol,ul{list-style-position:outside;list-style-type:decimal;padding-left:calc(var(--spacing, .25rem)*10)}a{color:var(--atomic-primary);text-decoration-line:underline}}`;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;atomic-smart-snippet-answer{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:block;height:var(--collapsed-size);line-height:var(--line-height);overflow:hidden;--gradient-start:var(
|
|
3
3
|
--atomic-smart-snippet-gradient-start,calc(max(var(--collapsed-size) - (var(--line-height) * 1.5),
|
|
4
4
|
var(--collapsed-size) * 0.5))
|
|
5
5
|
);color:var(--atomic-on-background);mask-image:linear-gradient(#000,#000 var(--gradient-start),transparent 100%)}atomic-smart-snippet-answer.loaded{transition:height .25s ease-in-out}button atomic-icon{position:relative;top:calc(var(--spacing, .25rem)*.5)}.expanded atomic-smart-snippet-answer{height:var(--full-height);mask-image:none}.expanded button atomic-icon{top:calc(var(--spacing, .25rem)*0);--tw-scale-y:-100%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}`;
|
|
@@ -168,7 +168,7 @@ let AtomicTabBar = class AtomicTabBar extends LitElement {
|
|
|
168
168
|
this.tabPopover?.style.setProperty('left', `${this.displayedTabs.length ? this.lastDisplayedTabRightPosition : 0}px`);
|
|
169
169
|
}
|
|
170
170
|
};
|
|
171
|
-
AtomicTabBar.styles = css`/*! tailwindcss v4.1.
|
|
171
|
+
AtomicTabBar.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */:host{display:flex;overflow-x:visible;position:relative;white-space:nowrap;width:100%}`;
|
|
172
172
|
__decorate([
|
|
173
173
|
state()
|
|
174
174
|
], AtomicTabBar.prototype, "popoverTabs", void 0);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;.value-count{color:var(--atomic-neutral-dark);margin-left:calc(var(--spacing, .25rem)*1.5);[part=value-exclude-button]+&{margin-right:calc(var(--spacing, .25rem)*2)}}:host(.popover-nested){min-width:var(--container-2xs,18rem);&::part(label-button){display:none}&::part(facet){--tw-shadow:0px 2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&::part(values){margin-top:calc(var(--spacing, .25rem)*0);max-height:calc(var(--spacing, .25rem)*96);overflow-y:auto}&::part(search-wrapper){margin-bottom:calc(var(--spacing, .25rem)*2)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}`;
|
|
3
3
|
export default styles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */input[type=text]:focus-visible~.search-icon{color:var(--atomic-primary)}input[type=text]:hover~.search-icon{color:var(--atomic-primary-light)}.search-icon atomic-icon{height:var(--atomic-facet-search-icon-size,.75rem);width:var(--atomic-facet-search-icon-size,.75rem)}.search-clear-button atomic-icon{height:var(--atomic-facet-search-clear-icon-size,.625rem);width:var(--atomic-facet-search-clear-icon-size,.625rem)}`;
|
|
3
3
|
export default styles;
|
package/dist/atomic/components/components/common/facets/facet-value-box/facet-value-box.tw.css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.box-container{display:grid;gap:var(--atomic-facet-boxes-gap,.5rem);grid-template-columns:repeat(var(--atomic-facet-boxes-per-row,4),minmax(0,1fr));padding-inline:calc(var(--spacing, .25rem)*2)}.value-box{overflow:hidden;position:relative}.value-box .value-label,.value-box-count{display:block;width:100%}.value-box.selected{box-shadow:0 0 0 1px var(--atomic-primary)}`;
|
|
3
3
|
export default styles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
const styles = css`/*! tailwindcss v4.1.
|
|
2
|
+
const styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.value-checkbox{height:var(--atomic-facet-checkbox-size,1rem);left:calc(var(--spacing, .25rem)*2);position:absolute;width:var(--atomic-facet-checkbox-size,1rem);z-index:1}.value-checkbox+label{color:var(--atomic-on-background);cursor:pointer;display:flex;flex-direction:row;overflow:hidden;padding-block:calc(var(--spacing, .25rem)*2.5);padding-left:calc(var(--spacing, .25rem)*8);padding-right:calc(var(--spacing, .25rem)*2);text-overflow:ellipsis;white-space:nowrap;width:100%;&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}}.value-checkbox.selected:focus-visible+label .value-label,.value-checkbox.selected:hover+label .value-label{color:var(--atomic-primary)}.value-checkbox.excluded:focus-visible+label .value-label,.value-checkbox.excluded:hover+label .value-label{color:var(--atomic-error)}`;
|
|
3
3
|
export default styles;
|