{"version":3,"file":"atomic-react.cjs","sources":["../../src/components/stencil-generated/search/react-component-lib/utils/case.ts","../../src/components/stencil-generated/search/react-component-lib/utils/attachProps.ts","../../src/components/stencil-generated/search/react-component-lib/utils/index.tsx","../../src/components/stencil-generated/search/react-component-lib/createComponent.tsx","../../src/components/stencil-generated/search/index.ts","../../../../node_modules/.pnpm/@stencil+core@4.20.0_patch_hash=2123526aa2d364115336a3e2011c3176111fbe4942b3c2eef9ab94d76e6c18f9/node_modules/@stencil/core/internal/app-data/index.js","../../../../node_modules/.pnpm/@stencil+core@4.20.0_patch_hash=2123526aa2d364115336a3e2011c3176111fbe4942b3c2eef9ab94d76e6c18f9/node_modules/@stencil/core/internal/client/index.js","../../../atomic/dist/atomic/components/dom-utils.js","../../../atomic/dist/atomic/components/event-utils.js","../../../atomic/dist/atomic/components/stencil-item-decorators.js","../../../atomic/dist/atomic/components/stencil-button.js","../../../bueno/dist/bueno.esm.js","../../../atomic/dist/atomic/components/_commonjsHelpers.js","../../../atomic/dist/atomic/components/purify.js","../../../atomic/dist/atomic/components/debounce-utils.js","../../../atomic/dist/atomic/components/stencil-suggestion-manager.js","../../../atomic/dist/atomic/components/stencil-result-template-decorators.js","../../../atomic/dist/atomic/components/initialization-utils.js","../../../atomic/dist/atomic/components/slot-utils.js","../../../atomic/dist/atomic/components/attributes-slot.js","../../../atomic/dist/atomic/components/bind-analytics-to-link.js","../../../atomic/dist/atomic/components/stencil-item-link.js","../../../atomic/dist/atomic/components/atomic-ipx-result-link.js","../../../atomic/dist/atomic/components/stencil-facet-placeholder.js","../../../atomic/dist/atomic/components/atomic-automatic-facet-generator2.js","../../../atomic/dist/atomic/components/stencil-heading.js","../../../atomic/dist/atomic/components/createPopper.js","../../../atomic/dist/atomic/components/stencil-facet-common.js","../../../atomic/dist/atomic/components/atomic-facet-manager.js","../../../atomic/dist/atomic/components/utils.js","../../../atomic/dist/atomic/components/props-utils.js","../../../atomic/dist/atomic/components/stencil-accessibility-utils.js","../../../atomic/dist/atomic/components/tab-utils.js","../../../atomic/dist/atomic/components/local-storage-utils.js","../../../atomic/dist/atomic/components/arrow-bottom-rounded.js","../../../atomic/dist/atomic/components/arrow-top-rounded.js","../../../atomic/dist/atomic/components/generated-answer-common.js","../../../atomic/dist/atomic/components/atomic-generated-answer.js","../../../atomic/dist/atomic/components/close.js","../../../atomic/dist/atomic/components/replace-breakpoint-utils.js","../../../atomic/dist/atomic/components/export-parts.js","../../../atomic/dist/atomic/components/stencil-iconButton.js","../../../atomic/dist/atomic/components/stencil-fieldset-group.js","../../../atomic/dist/atomic/components/stencil-radio-button.js","../../../atomic/dist/atomic/components/atomic-generated-answer-feedback-modal.js","../../../atomic/dist/atomic/components/stencil-facet-values-group.js","../../../atomic/dist/atomic/components/string-utils.js","../../../atomic/dist/atomic/components/stencil-facet-value-link.js","../../../atomic/dist/atomic/components/stencil-checkbox.js","../../../atomic/dist/atomic/components/stencil-facet-value-checkbox.js","../../../atomic/dist/atomic/components/popover-type.js","../../../atomic/dist/atomic/components/atomic-insight-facet.js","../../../atomic/dist/atomic/components/result-template-provider.js","../../../atomic/dist/atomic/components/unfolded-item.js","../../../atomic/dist/atomic/components/store.js","../../../atomic/dist/atomic/components/stencil-display-wrapper.js","../../../atomic/dist/atomic/components/stencil-item-list-guard.js","../../../atomic/dist/atomic/components/stencil-item-list-common.js","../../../atomic/dist/atomic/components/item-layout-sections.js","../../../atomic/dist/atomic/components/display-options.js","../../../atomic/dist/atomic/components/atomic-insight-folded-result-list.js","../../../atomic/dist/atomic/components/atomic-insight-full-search-button.js","../../../atomic/dist/atomic/components/atomic-insight-generated-answer.js","../../../atomic/dist/atomic/components/clock.js","../../../atomic/dist/atomic/components/atomic-layout-section-utils.js","../../../atomic/dist/atomic/components/atomic-insight-layout.js","../../../atomic/dist/atomic/components/stencil-magnifying-glass.js","../../../atomic/dist/atomic/components/jsx-utils.js","../../../atomic/dist/atomic/components/atomic-insight-no-results.js","../../../atomic/dist/atomic/components/format-common.js","../../../atomic/dist/atomic/components/atomic-insight-numeric-facet.js","../../../atomic/dist/atomic/components/atomic-insight-pager.js","../../../atomic/dist/atomic/components/stencil-link.js","../../../atomic/dist/atomic/components/atomic-insight-query-error.js","../../../atomic/dist/atomic/components/atomic-insight-query-summary.js","../../../atomic/dist/atomic/components/cloned-facet-elements.js","../../../atomic/dist/atomic/components/stencil-modal.js","../../../atomic/dist/atomic/components/atomic-insight-refine-modal2.js","../../../atomic/dist/atomic/components/filter.js","../../../atomic/dist/atomic/components/atomic-insight-refine-toggle.js","../../../atomic/dist/atomic/components/attach.js","../../../atomic/dist/atomic/components/preview.js","../../../atomic/dist/atomic/components/atomic-insight-result-action.js","../../../atomic/dist/atomic/components/atomic-insight-result-attach-to-case-action.js","../../../atomic/dist/atomic/components/atomic-insight-result-attach-to-case-indicator.js","../../../atomic/dist/atomic/components/atomic-insight-result-children.js","../../../atomic/dist/atomic/components/stencil-result-template-common.js","../../../atomic/dist/atomic/components/atomic-insight-result-children-template.js","../../../atomic/dist/atomic/components/atomic-insight-result-list.js","../../../atomic/dist/atomic/components/atomic-quickview-modal2.js","../../../atomic/dist/atomic/components/atomic-insight-result-quickview-action.js","../../../atomic/dist/atomic/components/atomic-insight-result-template.js","../../../atomic/dist/atomic/components/atomic-suggestion-renderer2.js","../../../atomic/dist/atomic/components/atomic-insight-search-box.js","../../../atomic/dist/atomic/components/stencil-smart-snippet-common.js","../../../atomic/dist/atomic/components/stencil-smart-snippet-feedback-modal-common.js","../../../atomic/dist/atomic/components/atomic-insight-smart-snippet-feedback-modal2.js","../../../atomic/dist/atomic/components/arrow-down.js","../../../atomic/dist/atomic/components/atomic-smart-snippet-collapse-wrapper2.js","../../../atomic/dist/atomic/components/atomic-smart-snippet-expandable-answer2.js","../../../atomic/dist/atomic/components/atomic-smart-snippet-source2.js","../../../atomic/dist/atomic/components/atomic-insight-smart-snippet.js","../../../atomic/dist/atomic/components/arrow-right.js","../../../atomic/dist/atomic/components/stencil-smart-snippet-suggestions-common.js","../../../atomic/dist/atomic/components/atomic-insight-smart-snippet-suggestions.js","../../../atomic/dist/atomic/components/date-utils.js","../../../atomic/dist/atomic/components/stencil-timeframe-facet-common.js","../../../atomic/dist/atomic/components/atomic-insight-timeframe-facet.js","../../../atomic/dist/atomic/components/quickview.js","../../../atomic/dist/atomic/components/search.js","../../../atomic/dist/atomic/components/atomic-insight-user-actions-session2.js","../../../atomic/dist/atomic/components/atomic-insight-user-actions-timeline2.js","../../../atomic/dist/atomic/components/atomic-insight-user-actions-modal2.js","../../../atomic/dist/atomic/components/atomic-insight-user-actions-toggle.js","../../../atomic/dist/atomic/components/atomic-ipx-body2.js","../../../atomic/dist/atomic/components/atomic-ipx-button.js","../../../atomic/dist/atomic/components/atomic-ipx-embedded.js","../../../atomic/dist/atomic/components/atomic-ipx-modal.js","../../../atomic/dist/atomic/components/stencil-carousel.js","../../../atomic/dist/atomic/components/atomic-ipx-recs-list.js","../../../atomic/dist/atomic/components/atomic-ipx-refine-modal2.js","../../../atomic/dist/atomic/components/atomic-ipx-refine-toggle.js","../../../atomic/dist/atomic/components/atomic-numeric-facet.js","../../../atomic/dist/atomic/components/atomic-quickview.js","../../../atomic/dist/atomic/components/atomic-recs-error.js","../../../atomic/dist/atomic/components/atomic-recs-list.js","../../../atomic/dist/atomic/components/atomic-recs-result-template.js","../../../atomic/dist/atomic/components/atomic-refine-modal.js","../../../atomic/dist/atomic/components/atomic-search-box.js","../../../atomic/dist/atomic/components/atomic-segmented-facet.js","../../../atomic/dist/atomic/components/atomic-smart-snippet-feedback-modal2.js","../../../atomic/dist/atomic/components/atomic-smart-snippet.js","../../../atomic/dist/atomic/components/atomic-smart-snippet-suggestions.js","../../../atomic/dist/atomic/components/tab-popover.js","../../../atomic/dist/atomic/components/atomic-timeframe-facet.js","../../../atomic/dist/atomic/components/utils/promise-utils.js","../../../atomic/dist/atomic/components/utils/event-utils.js","../../../atomic/dist/atomic/components/utils/ripple-utils.js","../../../atomic/dist/atomic/components/components/common/button-style.js","../../../atomic/dist/atomic/components/components/common/button.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-utils.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-button.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-clear-all.js","../../../atomic/dist/atomic/components/directives/multi-class-map.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-container.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-content.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-show-less.js","../../../atomic/dist/atomic/components/components/common/breadbox/breadcrumb-show-more.js","../../../atomic/dist/atomic/components/utils/field-utils.js","../../../atomic/dist/atomic/components/components/common/facets/numeric-facet/formatter.js","../../../atomic/dist/atomic/components/components/common/formats/format-common.js","../../../atomic/dist/atomic/components/utils/compare-utils.js","../../../atomic/dist/atomic/components/components/common/validate-props-controller/validate-props-controller.js","../../../atomic/dist/atomic/components/decorators/bind-state.js","../../../atomic/dist/atomic/components/decorators/binding-guard.js","../../../atomic/dist/atomic/components/components/common/context/bindings-context.js","../../../atomic/dist/atomic/components/decorators/bindings.js","../../../atomic/dist/atomic/components/utils/coveo.tw.css.js","../../../atomic/dist/atomic/components/utils/tailwind.global.tw.css.js","../../../atomic/dist/atomic/components/decorators/with-tailwind-styles.js","../../../atomic/dist/atomic/components/components/common/atomic-component-error/atomic-component-error.js","../../../atomic/dist/atomic/components/decorators/error-guard.js","../../../../node_modules/.pnpm/dompurify@3.2.6/node_modules/dompurify/dist/purify.es.mjs","../../../atomic/dist/atomic/components/utils/utils.js","../../../atomic/dist/atomic/components/utils/accessibility-utils.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/customParseFormat.js","../../../atomic/dist/atomic/components/utils/date-utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js","../../../atomic/dist/atomic/components/components/common/facets/facet-container/facet-container.js","../../../atomic/dist/atomic/components/decorators/watch.js","../../../atomic/dist/atomic/components/utils/dom-utils.js","../../../atomic/dist/atomic/components/utils/init-queue.js","../../../atomic/dist/atomic/components/utils/initialization-lit-stencil-common-utils.js","../../../atomic/dist/atomic/components/mixins/bindings-mixin.js","../../../atomic/dist/atomic/components/mixins/light-dom.js","../../../atomic/dist/atomic/components/utils/resource-url-utils.js","../../../atomic/dist/atomic/components/utils/asset-path-utils.js","../../../atomic/dist/atomic/components/components/common/atomic-icon/atomic-icon.js","../../../atomic/dist/atomic/components/components/common/heading.js","../../../atomic/dist/atomic/components/components/common/facets/facet-header/facet-header.js","../../../../node_modules/.pnpm/escape-html@1.0.3/node_modules/escape-html/index.js","../../../atomic/dist/atomic/components/utils/string-utils.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search-utils.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search-aria-live.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search-input.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search-matches.js","../../../atomic/dist/atomic/components/components/common/facets/facet-show-more-less/facet-show-more-less.js","../../../atomic/dist/atomic/components/components/common/fieldset-group.js","../../../atomic/dist/atomic/components/components/common/facets/facet-values-group/facet-values-group.js","../../../atomic/dist/atomic/components/converters/boolean-converter.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/all-categories-localized-label.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/all-categories-button.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/children-as-tree-container.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/parent-as-tree-container.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/parent-button.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-label-highlight/facet-value-label-highlight.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-link/facet-value-link.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/value-link.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/parent-value-link.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/search-results-container.js","../../../atomic/dist/atomic/components/directives/hierarchical-path.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/search-value.js","../../../atomic/dist/atomic/components/components/common/facets/category-facet/value-as-tree-container.js","../../../atomic/dist/atomic/components/components/common/facets/facet-common.tw.css.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search.tw.css.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js","../../../atomic/dist/atomic/components/directives/localized-string.js","../../../atomic/dist/atomic/components/components/common/query-correction/auto-correction.js","../../../atomic/dist/atomic/components/components/common/query-correction/correction.js","../../../atomic/dist/atomic/components/components/common/query-correction/trigger-correction.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js","../../../atomic/dist/atomic/components/components/common/facets/facet-search/facet-search-input-guard.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-box/facet-value-box.js","../../../atomic/dist/atomic/components/components/common/checkbox.js","../../../atomic/dist/atomic/components/components/common/triStateCheckbox.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-exclude/facet-value-exclude.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value/facet-value.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-box/facet-value-box.tw.css.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-checkbox/facet-value-checkbox.tw.css.js","../../../atomic/dist/atomic/components/components/common/facets/facet-value-exclude/facet-value-exclude.tw.css.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js","../../../atomic/dist/atomic/components/components/common/atomic-facet-placeholder/atomic-facet-placeholder.js","../../../atomic/dist/atomic/components/components/common/interface/store.js","../../../atomic/dist/atomic/components/components/common/facets/numeric-facet/values-container.js","../../../atomic/dist/atomic/components/components/common/facets/facet-common.js","../../../atomic/dist/atomic/components/components/common/facets/numeric-facet/value-link.js","../../../atomic/dist/atomic/components/components/common/facets/numeric-facet-common.tw.css.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js","../../../atomic/dist/atomic/components/components/common/atomic-facet-date-input/atomic-facet-date-input.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-facets/atomic-commerce-facets.js","../../../../node_modules/.pnpm/i18next@25.3.2_typescript@5.8.3/node_modules/i18next/dist/esm/i18next.js","../../../atomic/dist/atomic/components/components/common/atomic-layout-section/atomic-layout-section-utils.js","../../../atomic/dist/atomic/components/components/common/atomic-layout-section/layout.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-layout/commerce-layout.js","../../../atomic/dist/atomic/components/global/environment.js","../../../atomic/dist/atomic/components/components/common/interface/analytics-config.js","../../../../node_modules/.pnpm/i18next-http-backend@3.0.2_encoding@0.1.13/node_modules/i18next-http-backend/esm/utils.js","../../../../node_modules/.pnpm/i18next-http-backend@3.0.2_encoding@0.1.13/node_modules/i18next-http-backend/esm/request.js","../../../../node_modules/.pnpm/i18next-http-backend@3.0.2_encoding@0.1.13/node_modules/i18next-http-backend/esm/index.js","../../../atomic/dist/atomic/components/generated/dayjs-locales-data.js","../../../atomic/dist/atomic/components/utils/dayjs-locales.js","../../../atomic/dist/atomic/components/components/common/interface/i18n.js","../../../atomic/dist/atomic/components/utils/debounce-utils.js","../../../atomic/dist/atomic/components/components/common/atomic-aria-live/atomic-aria-live.js","../../../atomic/dist/atomic/components/components/common/interface/interface-controller.js","../../../atomic/dist/atomic/components/components/common/layout/mobile-breakpoint-controller.js","../../../atomic/dist/atomic/components/mixins/children-update-complete-mixin.js","../../../atomic/dist/atomic/components/utils/custom-element-tags.js","../../../atomic/dist/atomic/components/utils/local-storage-utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-interface/analytics-config.js","../../../atomic/dist/atomic/components/utils/replace-breakpoint-utils.js","../../../atomic/dist/atomic/components/components/search/atomic-search-layout/search-layout.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-interface/store.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-interface/atomic-commerce-interface.js","../../../atomic/dist/atomic/components/components/common/layout/layout-styles-controller.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.js","../../../atomic/dist/atomic/components/components/common/load-more/button.js","../../../atomic/dist/atomic/components/components/common/load-more/container.js","../../../atomic/dist/atomic/components/components/common/load-more/progress-bar.js","../../../atomic/dist/atomic/components/components/common/load-more/summary.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.js","../../../atomic/dist/atomic/components/components/common/no-items/container.js","../../../atomic/dist/atomic/components/components/common/no-items/guard.js","../../../atomic/dist/atomic/components/components/common/no-items/magnifying-glass.js","../../../atomic/dist/atomic/components/components/common/no-items/no-items.js","../../../atomic/dist/atomic/components/components/common/no-items/tips.js","../../../atomic/dist/atomic/components/components/common/no-items/utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js","../../../atomic/dist/atomic/components/components/common/radio-button.js","../../../atomic/dist/atomic/components/components/common/pager/pager-buttons.js","../../../atomic/dist/atomic/components/components/common/pager/pager-navigation.js","../../../atomic/dist/atomic/components/components/common/pager/pager-utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-pager/atomic-commerce-pager.js","../../../atomic/dist/atomic/components/components/common/template-provider/template-provider.js","../../../atomic/dist/atomic/components/components/common/layout/item-layout-sections.js","../../../atomic/dist/atomic/components/components/common/table-element-utils.js","../../../atomic/dist/atomic/components/components/common/template-controller/base-template-controller.js","../../../atomic/dist/atomic/components/components/common/product-template/product-template-controller.js","../../../atomic/dist/atomic/components/utils/set.js","../../../atomic/dist/atomic/components/components/common/template-controller/template-utils.js","../../../atomic/dist/atomic/components/utils/props-utils.js","../../../atomic/dist/atomic/components/components/common/item-list/item-list-common.js","../../../atomic/dist/atomic/components/components/common/layout/custom-render-controller.js","../../../atomic/dist/atomic/components/components/common/layout/item-layout-utils.js","../../../atomic/dist/atomic/components/components/common/layout/item-layout-controller.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js","../../../atomic/dist/atomic/components/components/common/item-list/context/item-context-controller.js","../../../atomic/dist/atomic/components/components/commerce/product-template-component-utils/context/product-context-controller.js","../../../atomic/dist/atomic/components/components/common/item-text/field-warning.js","../../../atomic/dist/atomic/components/components/common/item-text/item-text-fallback.js","../../../atomic/dist/atomic/components/components/common/item-text/render-highlights.js","../../../atomic/dist/atomic/components/components/common/item-text/item-text-highlighted.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-text/atomic-commerce-text.js","../../../atomic/dist/atomic/components/utils/object-utils.js","../../../atomic/dist/atomic/components/components/commerce/product-template-component-utils/error.js","../../../atomic/dist/atomic/components/components/commerce/product-template-component-utils/product-utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-text/atomic-product-text.js","../../../atomic/dist/atomic/components/components/common/item-list/context/interactive-item-context-controller.js","../../../atomic/dist/atomic/components/components/commerce/product-template-component-utils/context/interactive-product-context-controller.js","../../../atomic/dist/atomic/components/utils/slot-utils.js","../../../atomic/dist/atomic/components/components/common/item-link/attributes-slot.js","../../../atomic/dist/atomic/components/utils/xss-utils.js","../../../atomic/dist/atomic/components/components/common/item-link/bind-analytics-to-link.js","../../../atomic/dist/atomic/components/components/common/item-link/item-link.js","../../../atomic/dist/atomic/components/mixins/slots-for-no-shadow-dom-mixin.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-link/atomic-product-link.js","../../../atomic/dist/atomic/components/components/common/image-carousel/image-carousel-indicators.js","../../../atomic/dist/atomic/components/components/common/image-carousel/image-carousel.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-image/atomic-product-image.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product/atomic-product.js","../../../atomic/dist/atomic/components/converters/array-converter.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-template/atomic-product-template.js","../../../atomic/dist/atomic/components/components/commerce/product-list/product-template-provider.js","../../../atomic/dist/atomic/components/components/common/atomic-result-placeholder/item-placeholders.js","../../../atomic/dist/atomic/components/components/common/item-list/display-wrapper.js","../../../atomic/dist/atomic/components/components/common/item-list/grid-layout.js","../../../atomic/dist/atomic/components/components/common/item-list/item-list.js","../../../atomic/dist/atomic/components/components/common/item-list/styles/grid-display.tw.css.js","../../../atomic/dist/atomic/components/components/common/item-list/styles/list-display.tw.css.js","../../../atomic/dist/atomic/components/components/common/item-list/styles/placeholders.tw.css.js","../../../atomic/dist/atomic/components/components/common/item-list/styles/table-display.tw.css.js","../../../atomic/dist/atomic/components/components/common/item-list/table-layout.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js","../../../atomic/dist/atomic/components/components/common/items-per-page/choices.js","../../../atomic/dist/atomic/components/components/common/items-per-page/label.js","../../../atomic/dist/atomic/components/components/common/items-per-page/error.js","../../../atomic/dist/atomic/components/components/common/items-per-page/validate.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.js","../../../atomic/dist/atomic/components/components/common/query-error/container.js","../../../atomic/dist/atomic/components/components/common/query-error/utils.js","../../../atomic/dist/atomic/components/components/common/query-error/description.js","../../../atomic/dist/atomic/components/components/common/query-error/details.js","../../../atomic/dist/atomic/components/components/common/query-error/icon.js","../../../atomic/dist/atomic/components/components/common/query-error/link.js","../../../atomic/dist/atomic/components/components/common/query-error/show-more.js","../../../atomic/dist/atomic/components/components/common/query-error/title.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.js","../../../atomic/dist/atomic/components/components/common/query-summary/container.js","../../../atomic/dist/atomic/components/components/common/query-summary/guard.js","../../../atomic/dist/atomic/components/components/common/query-summary/utils.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/store.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js","../../../atomic/dist/atomic/components/components/common/carousel.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js","../../../atomic/dist/atomic/components/components/common/refine-modal/body.js","../../../atomic/dist/atomic/components/components/common/refine-modal/filters.js","../../../atomic/dist/atomic/components/components/common/atomic-modal/export-parts.js","../../../atomic/dist/atomic/components/components/common/atomic-modal/atomic-modal.js","../../../atomic/dist/atomic/components/components/common/refine-modal/modal.js","../../../atomic/dist/atomic/components/components/common/refine-modal/sort.js","../../../atomic/dist/atomic/components/components/common/sort/option.js","../../../atomic/dist/atomic/components/components/commerce/sort/option.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.js","../../../atomic/dist/atomic/components/components/common/refine-modal/button.js","../../../atomic/dist/atomic/components/components/common/refine-modal/guard.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js","../../../atomic/dist/atomic/components/utils/device-utils.js","../../../atomic/dist/atomic/components/components/common/search-box/search-box-wrapper.js","../../../atomic/dist/atomic/components/components/common/search-box/text-area-clear-button.js","../../../atomic/dist/atomic/components/components/common/search-box/search-text-area.js","../../../atomic/dist/atomic/components/components/common/search-box/submit-button.js","../../../atomic/dist/atomic/components/components/common/suggestions/suggestions-utils.js","../../../atomic/dist/atomic/components/components/common/suggestions/suggestion-manager.js","../../../atomic/dist/atomic/components/components/common/suggestions/instant-item.js","../../../atomic/dist/atomic/components/components/common/suggestions/suggestions-events.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js","../../../atomic/dist/atomic/components/components/common/suggestions/query-suggestions.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js","../../../atomic/dist/atomic/components/components/common/suggestions/recent-queries.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js","../../../atomic/dist/atomic/components/components/common/sort/label.js","../../../atomic/dist/atomic/components/components/common/sort/select.js","../../../atomic/dist/atomic/components/components/common/sort/sort-guard.js","../../../atomic/dist/atomic/components/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-children/atomic-product-children.js","../../../atomic/dist/atomic/components/components/common/expandable-text/expandable-text.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-description/atomic-product-description.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-excerpt/atomic-product-excerpt.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-multi-value-text/atomic-product-multi-value-text.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-numeric-field-value/atomic-product-numeric-field-value.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-price/atomic-product-price.js","../../../atomic/dist/atomic/components/components/common/atomic-rating/atomic-rating.tw.css.js","../../../atomic/dist/atomic/components/components/common/atomic-rating/rating-utils.js","../../../atomic/dist/atomic/components/components/common/atomic-rating/rating.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-rating/atomic-product-rating.js","../../../atomic/dist/atomic/components/utils/item-section-utils.js","../../../atomic/dist/atomic/components/mixins/item-section-mixin.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-actions/atomic-product-section-actions.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-badges/atomic-product-section-badges.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-bottom-metadata/atomic-product-section-bottom-metadata.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-children/atomic-product-section-children.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-description/atomic-product-section-description.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-emphasized/atomic-product-section-emphasized.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-metadata/atomic-product-section-metadata.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-name/atomic-product-section-name.js","../../../atomic/dist/atomic/components/components/commerce/atomic-product-section-visual/atomic-product-section-visual.js","../../../atomic/dist/atomic/components/components/common/atomic-focus-trap/atomic-focus-trap.js","../../../atomic/dist/atomic/components/components/common/atomic-layout-section/atomic-layout-section.js","../../../atomic/dist/atomic/components/components/common/atomic-numeric-range/atomic-numeric-range.js","../../../atomic/dist/atomic/components/components/common/icon-button.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-interface/analytics-config.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-layout/insight-layout.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-interface/store.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-interface/atomic-insight-interface.js","../../../atomic/dist/atomic/components/components/common/tabs/tab-common.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-tab/atomic-insight-tab.js","../../../atomic/dist/atomic/components/components/insight/atomic-insight-tabs/atomic-insight-tabs.js","../../../atomic/dist/atomic/components/components/ipx/atomic-ipx-tab/atomic-ipx-tab.js","../../../atomic/dist/atomic/components/components/ipx/atomic-ipx-tabs/atomic-ipx-tabs.js","../../../atomic/dist/atomic/components/components/recommendations/atomic-recs-interface/analytics-config.js","../../../atomic/dist/atomic/components/components/recommendations/atomic-recs-interface/store.js","../../../atomic/dist/atomic/components/components/recommendations/atomic-recs-interface/atomic-recs-interface.js","../../../atomic/dist/atomic/components/components/search/atomic-automatic-facet/atomic-automatic-facet.js","../../../atomic/dist/atomic/components/components/search/atomic-breadbox/atomic-breadbox.js","../../../atomic/dist/atomic/components/components/common/facets/depends-on.js","../../../atomic/dist/atomic/components/components/common/facets/facet-placeholder/facet-placeholder.js","../../../atomic/dist/atomic/components/components/common/facets/popover/popover-type.js","../../../atomic/dist/atomic/components/components/search/atomic-category-facet/atomic-category-facet.js","../../../atomic/dist/atomic/components/components/search/facets/color-facet-checkbox/color-facet-checkbox.js","../../../atomic/dist/atomic/components/components/search/atomic-color-facet/atomic-color-facet.js","../../../atomic/dist/atomic/components/components/search/atomic-did-you-mean/atomic-did-you-mean.js","../../../atomic/dist/atomic/components/components/search/atomic-external/atomic-external.js","../../../atomic/dist/atomic/components/components/search/atomic-facet/atomic-facet.js","../../../atomic/dist/atomic/components/components/search/result-template-component-utils/context/result-context-controller.js","../../../atomic/dist/atomic/components/components/search/atomic-field-condition/atomic-field-condition.js","../../../atomic/dist/atomic/components/components/common/item-list/result-template-provider.js","../../../atomic/dist/atomic/components/components/common/item-list/unfolded-item.js","../../../atomic/dist/atomic/components/utils/tab-utils.js","../../../atomic/dist/atomic/components/components/common/tabs/tab-wrapper.js","../../../atomic/dist/atomic/components/utils/result-utils.js","../../../atomic/dist/atomic/components/components/search/atomic-text/atomic-text.js","../../../atomic/dist/atomic/components/components/search/atomic-result-text/atomic-result-text.js","../../../atomic/dist/atomic/components/components/search/atomic-result/atomic-result.js","../../../atomic/dist/atomic/components/components/common/result-templates/result-template-controller.js","../../../atomic/dist/atomic/components/components/search/atomic-result-template/atomic-result-template.js","../../../atomic/dist/atomic/components/components/search/atomic-folded-result-list/atomic-folded-result-list.js","../../../atomic/dist/atomic/components/components/search/atomic-format-currency/atomic-format-currency.js","../../../atomic/dist/atomic/components/components/search/atomic-format-number/atomic-format-number.js","../../../atomic/dist/atomic/components/components/search/atomic-format-unit/atomic-format-unit.js","../../../atomic/dist/atomic/components/components/search/atomic-html/atomic-html.js","../../../atomic/dist/atomic/components/components/search/atomic-load-more-results/atomic-load-more-results.js","../../../atomic/dist/atomic/components/components/common/no-items/cancel.js","../../../atomic/dist/atomic/components/components/search/atomic-no-results/atomic-no-results.js","../../../atomic/dist/atomic/components/components/search/atomic-notifications/atomic-notifications.js","../../../atomic/dist/atomic/components/components/search/atomic-pager/atomic-pager.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/enums.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getWindow.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/applyStyles.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getBasePlacement.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/math.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/userAgent.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/contains.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/isTableElement.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getParentNode.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/within.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getFreshSideObject.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/mergePaddingObject.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/expandToHashMap.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getVariation.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/computeStyles.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/eventListeners.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/rectToClientRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/computeOffsets.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/detectOverflow.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getAltAxis.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/orderModifiers.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/debounce.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/mergeByName.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/createPopper.js","../../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/popper-lite.js","../../../atomic/dist/atomic/components/components/search/atomic-popover/atomic-popover.js","../../../atomic/dist/atomic/components/components/search/atomic-query-error/atomic-query-error.js","../../../atomic/dist/atomic/components/components/search/atomic-query-summary/atomic-query-summary.js","../../../atomic/dist/atomic/components/components/search/atomic-rating-facet/atomic-rating-facet.js","../../../atomic/dist/atomic/components/components/search/atomic-rating-range-facet/atomic-rating-range-facet.js","../../../atomic/dist/atomic/components/components/search/atomic-refine-toggle/atomic-refine-toggle.js","../../../atomic/dist/atomic/components/components/search/atomic-relevance-inspector/atomic-relevance-inspector.js","../../../atomic/dist/atomic/components/components/search/atomic-result-badge/atomic-result-badge.js","../../../atomic/dist/atomic/components/components/common/item-list/context/child-templates-context-controller.js","../../../atomic/dist/atomic/components/components/common/item-list/context/folded-item-list-context-controller.js","../../../atomic/dist/atomic/components/components/common/item-list/context/item-display-config-context-controller.js","../../../atomic/dist/atomic/components/components/common/result-children/children-wrapper.js","../../../atomic/dist/atomic/components/components/common/result-children/collection-guard.js","../../../atomic/dist/atomic/components/components/common/result-children/guard.js","../../../atomic/dist/atomic/components/components/common/result-children/show-hide-button.js","../../../atomic/dist/atomic/components/components/search/atomic-result-children/atomic-result-children.js","../../../atomic/dist/atomic/components/components/search/atomic-result-children-template/atomic-result-children-template.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/calendar.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/updateLocale.js","../../../atomic/dist/atomic/components/components/search/atomic-result-date/atomic-result-date.js","../../../atomic/dist/atomic/components/components/search/atomic-result-fields-list/atomic-result-fields-list.js","../../../atomic/dist/atomic/components/components/search/atomic-result-html/atomic-result-html.js","../../../../node_modules/.pnpm/@salesforce-ux+design-system@2.27.2_postcss@8.5.6/node_modules/@salesforce-ux/design-system/design-tokens/dist/bg-standard.common.js","../../../atomic/dist/atomic/components/components/search/atomic-result-icon/file-type-icons.js","../../../atomic/dist/atomic/components/components/search/atomic-result-icon/object-type-icons.js","../../../atomic/dist/atomic/components/components/search/atomic-result-icon/atomic-result-icon.js","../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js","../../../atomic/dist/atomic/components/components/search/atomic-result-image/atomic-result-image.js","../../../atomic/dist/atomic/components/components/search/result-template-component-utils/context/interactive-result-context-controller.js","../../../atomic/dist/atomic/components/components/search/atomic-result-link/atomic-result-link.js","../../../atomic/dist/atomic/components/components/search/atomic-result-list/atomic-result-list.js","../../../atomic/dist/atomic/components/components/search/atomic-result-localized-text/atomic-result-localized-text.js","../../../atomic/dist/atomic/components/components/search/atomic-result-multi-value-text/atomic-result-multi-value-text.js","../../../atomic/dist/atomic/components/components/search/atomic-result-number/atomic-result-number.js","../../../atomic/dist/atomic/components/components/search/atomic-result-printable-uri/atomic-result-printable-uri.tw.css.js","../../../atomic/dist/atomic/components/components/search/atomic-result-printable-uri/atomic-result-printable-uri.js","../../../atomic/dist/atomic/components/components/search/atomic-result-rating/atomic-result-rating.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-actions/atomic-result-section-actions.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-badges/atomic-result-section-badges.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-children/atomic-result-section-children.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-excerpt/atomic-result-section-excerpt.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-title/atomic-result-section-title.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.js","../../../atomic/dist/atomic/components/components/search/atomic-result-section-visual/atomic-result-section-visual.js","../../../atomic/dist/atomic/components/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/duration.js","../../../atomic/dist/atomic/components/components/search/atomic-result-timespan/atomic-result-timespan.js","../../../atomic/dist/atomic/components/components/search/atomic-results-per-page/atomic-results-per-page.js","../../../atomic/dist/atomic/components/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.js","../../../atomic/dist/atomic/components/components/search/atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js","../../../atomic/dist/atomic/components/components/search/atomic-search-box-recent-queries/atomic-search-box-recent-queries.js","../../../atomic/dist/atomic/components/components/search/atomic-search-interface/analytics-config.js","../../../atomic/dist/atomic/components/components/search/atomic-search-interface/store.js","../../../atomic/dist/atomic/components/components/search/atomic-search-interface/atomic-search-interface.js","../../../atomic/dist/atomic/components/components/search/atomic-search-layout/atomic-search-layout.tw.css.js","../../../atomic/dist/atomic/components/components/search/atomic-search-layout/atomic-search-layout.js","../../../atomic/dist/atomic/components/components/search/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.js","../../../atomic/dist/atomic/components/components/search/atomic-sort-dropdown/atomic-sort-dropdown.js","../../../atomic/dist/atomic/components/components/search/atomic-sort-expression/atomic-sort-expression.js","../../../atomic/dist/atomic/components/components/search/atomic-tab/atomic-tab.js","../../../atomic/dist/atomic/components/components/search/atomic-tab-manager/atomic-tab-manager.tw.css.js","../../../atomic/dist/atomic/components/components/search/atomic-tab-manager/atomic-tab-manager.js","../../../atomic/dist/atomic/components/components/search/atomic-table-element/atomic-table-element.js","../../src/components/search/components.ts","../../src/components/search/FoldedResultListWrapper.tsx","../../src/components/search/ResultListWrapper.tsx","../../src/components/search/SearchBoxInstantResultsWrapper.tsx","../../src/components/search/SearchInterfaceWrapper.tsx","../../../../node_modules/.pnpm/webidl-conversions@3.0.1/node_modules/webidl-conversions/lib/index.js","../../../../node_modules/.pnpm/whatwg-url@5.0.0/node_modules/whatwg-url/lib/utils.js","../../../../node_modules/.pnpm/tr46@0.0.3/node_modules/tr46/index.js","../../../../node_modules/.pnpm/whatwg-url@5.0.0/node_modules/whatwg-url/lib/url-state-machine.js","../../../../node_modules/.pnpm/whatwg-url@5.0.0/node_modules/whatwg-url/lib/URL-impl.js","../../../../node_modules/.pnpm/whatwg-url@5.0.0/node_modules/whatwg-url/lib/URL.js","../../../../node_modules/.pnpm/whatwg-url@5.0.0/node_modules/whatwg-url/lib/public-api.js","../../../../node_modules/.pnpm/node-fetch@2.7.0_encoding@0.1.13/node_modules/node-fetch/lib/index.mjs","../../../../node_modules/.pnpm/cross-fetch@4.0.0_encoding@0.1.13/node_modules/cross-fetch/dist/node-ponyfill.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/af.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/am.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-dz.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-iq.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-kw.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-ly.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-ma.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-sa.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar-tn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ar.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/az.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/be.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bg.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bm.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bn-bd.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/br.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/bs.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ca.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/cs.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/cv.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/cy.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/de-at.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/da.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/de-ch.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/de.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/dv.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/el.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-au.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-ca.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-gb.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-ie.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-il.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-in.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-nz.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-sg.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en-tt.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/eo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/en.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/es-do.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/es-mx.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/es-pr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/es-us.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/et.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/es.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/eu.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fa.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fr-ca.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fr-ch.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/fy.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ga.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/gd.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/gom-latn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/gl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/gu.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/he.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/hi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/hr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/hu.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ht.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/hy-am.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/id.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/is.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/it-ch.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/it.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ja.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/jv.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ka.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/kk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/km.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/kn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ko.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ku.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ky.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/lb.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/lo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/lt.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/lv.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/me.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/mi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/mk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ml.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/mn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/mr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ms-my.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ms.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/mt.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/my.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/nb.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ne.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/nl-be.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/nl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/pl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/pt-br.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/pt.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/rn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ro.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ru.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/rw.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sd.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/se.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/si.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sq.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sr-cyrl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ss.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sv-fi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sv.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/sw.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ta.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/te.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tet.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tg.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/th.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tl-ph.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tlh.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tr.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tzl.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tzm-latn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/tzm.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ug-cn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/uk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/ur.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/uz-latn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/uz.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/vi.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/x-pseudo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/yo.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-hk.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-tw.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/oc-lnc.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/nn.js","../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/pa-in.js"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n str\n .toLowerCase()\n .split('-')\n .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case.js';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n if (node instanceof Element) {\n // add any classes in className to the class list\n const className = getClassName(node.classList, newProps, oldProps);\n if (className !== '') {\n node.className = className;\n }\n\n Object.keys(newProps).forEach((name) => {\n if (\n name === 'children' ||\n name === 'style' ||\n name === 'ref' ||\n name === 'class' ||\n name === 'className' ||\n name === 'forwardedRef'\n ) {\n return;\n }\n if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n const eventName = name.substring(2);\n const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n if (!isCoveredByReact(eventNameLc)) {\n syncEvent(node, eventNameLc, newProps[name]);\n }\n } else {\n (node as any)[name] = newProps[name];\n const propType = typeof newProps[name];\n if (propType === 'string') {\n node.setAttribute(camelToDashCase(name), newProps[name]);\n }\n }\n });\n }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n const newClassProp: string = newProps.className || newProps.class;\n const oldClassProp: string = oldProps.className || oldProps.class;\n // map the classes to Maps for performance\n const currentClasses = arrayToMap(classList);\n const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n const finalClassNames: string[] = [];\n // loop through each of the current classes on the component\n // to see if it should be a part of the classNames added\n currentClasses.forEach((currentClass) => {\n if (incomingPropClasses.has(currentClass)) {\n // add it as its already included in classnames coming in from newProps\n finalClassNames.push(currentClass);\n incomingPropClasses.delete(currentClass);\n } else if (!oldPropClasses.has(currentClass)) {\n // add it as it has NOT been removed by user\n finalClassNames.push(currentClass);\n }\n });\n incomingPropClasses.forEach((s) => finalClassNames.push(s));\n return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n switch (eventNameSuffix) {\n case 'doubleclick':\n return 'dblclick';\n }\n return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n if (typeof document === 'undefined') {\n return true;\n } else {\n const eventName = 'on' + transformReactEventName(eventNameSuffix);\n let isSupported = eventName in document;\n\n if (!isSupported) {\n const element = document.createElement('div');\n element.setAttribute(eventName, 'return;');\n isSupported = typeof (element as any)[eventName] === 'function';\n }\n\n return isSupported;\n }\n};\n\nexport const syncEvent = (\n node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n eventName: string,\n newEventHandler?: (e: Event) => any\n) => {\n const eventStore = node.__events || (node.__events = {});\n const oldEventHandler = eventStore[eventName];\n\n // Remove old listener so they don't double up.\n if (oldEventHandler) {\n node.removeEventListener(eventName, oldEventHandler);\n }\n\n // Bind new listener.\n node.addEventListener(\n eventName,\n (eventStore[eventName] = function handler(e: Event) {\n if (newEventHandler) {\n newEventHandler.call(this, e);\n }\n })\n );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n const map = new Map();\n (arr as string[]).forEach((s: string) => map.set(s, s));\n return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces.js';\n\nexport type StencilReactExternalProps = PropType &\n Omit, 'style'> &\n StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef = ((instance: T | null) => void) | React.MutableRefObject | null;\n\nexport const setRef = (ref: StencilReactForwardedRef | React.Ref | undefined, value: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n // Cast as a MutableRef so we can assign current\n (ref as React.MutableRefObject).current = value;\n }\n};\n\nexport const mergeRefs = (\n ...refs: (StencilReactForwardedRef | React.Ref | undefined)[]\n): React.RefCallback => {\n return (value: any) => {\n refs.forEach((ref) => {\n setRef(ref, value);\n });\n };\n};\n\nexport const createForwardRef = (ReactComponent: any, displayName: string) => {\n type InternalProps = StencilReactExternalProps & { forwardedRef?: StencilReactForwardedRef };\n type ExternalProps = Omit;\n\n const Forwarded = React.forwardRef((props, ref) => {\n return ;\n });\n (Forwarded as any).displayName = displayName;\n return Forwarded;\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n customElements.define(tagName, customElement);\n }\n};\n\nexport * from './attachProps.js';\nexport * from './case.js';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils/index.js';\n\nexport interface HTMLStencilElement extends HTMLElement {\n componentOnReady(): Promise;\n}\n\ninterface StencilReactInternalProps extends React.HTMLAttributes {\n forwardedRef: React.RefObject;\n ref?: React.Ref;\n}\n\nexport const createReactComponent = <\n PropType,\n ElementType extends HTMLStencilElement,\n ContextStateType = {},\n ExpandedPropsTypes = {}\n>(\n tagName: string,\n ReactComponentContext?: React.Context,\n manipulatePropsFunction?: (\n originalProps: StencilReactInternalProps,\n propsToPass: any\n ) => ExpandedPropsTypes,\n defineCustomElement?: () => void\n) => {\n if (defineCustomElement !== undefined) {\n defineCustomElement();\n }\n\n const displayName = dashToPascalCase(tagName);\n const ReactComponent = class extends React.Component> {\n componentEl!: ElementType;\n\n setComponentElRef = (element: ElementType) => {\n this.componentEl = element;\n };\n\n constructor(props: StencilReactInternalProps) {\n super(props);\n }\n\n componentDidMount() {\n this.componentDidUpdate(this.props);\n }\n\n componentDidUpdate(prevProps: StencilReactInternalProps) {\n attachProps(this.componentEl, this.props, prevProps);\n }\n\n render() {\n const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n const value = (cProps as any)[name];\n\n if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n const eventName = name.substring(2).toLowerCase();\n if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n acc[name] = value;\n }\n } else {\n // we should only render strings, booleans, and numbers as attrs in html.\n // objects, functions, arrays etc get synced via properties on mount.\n const type = typeof value;\n\n if (type === 'string' || type === 'boolean' || type === 'number') {\n acc[camelToDashCase(name)] = value;\n }\n }\n return acc;\n }, {} as ExpandedPropsTypes);\n\n if (manipulatePropsFunction) {\n propsToPass = manipulatePropsFunction(this.props, propsToPass);\n }\n\n const newProps: Omit, 'forwardedRef'> = {\n ...propsToPass,\n ref: mergeRefs(forwardedRef, this.setComponentElRef),\n style,\n };\n\n /**\n * We use createElement here instead of\n * React.createElement to work around a\n * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n * React.createElement causes all elements to be rendered\n * as instead of the actual Web Component.\n */\n return createElement(tagName, newProps, children);\n }\n\n static get displayName() {\n return displayName;\n }\n };\n\n // If context was passed to createReactComponent then conditionally add it to the Component Class\n if (ReactComponentContext) {\n ReactComponent.contextType = ReactComponentContext;\n }\n\n return createForwardRef(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib/index.js';\n\nimport type { JSX } from '@eternal-baguette/atomic';\n\nimport { defineCustomElements } from '@eternal-baguette/atomic/loader';\n\ndefineCustomElements();\nexport const AtomicAutomaticFacetGenerator = /*@__PURE__*/createReactComponent('atomic-automatic-facet-generator');\nexport const AtomicCitation = /*@__PURE__*/createReactComponent('atomic-citation');\nexport const AtomicFacetManager = /*@__PURE__*/createReactComponent('atomic-facet-manager');\nexport const AtomicGeneratedAnswer = /*@__PURE__*/createReactComponent('atomic-generated-answer');\nexport const AtomicGeneratedAnswerFeedbackModal = /*@__PURE__*/createReactComponent('atomic-generated-answer-feedback-modal');\nexport const AtomicInsightUserActionsTimeline = /*@__PURE__*/createReactComponent('atomic-insight-user-actions-timeline');\nexport const AtomicInsightUserActionsToggle = /*@__PURE__*/createReactComponent('atomic-insight-user-actions-toggle');\nexport const AtomicNumericFacet = /*@__PURE__*/createReactComponent('atomic-numeric-facet');\nexport const AtomicQuickview = /*@__PURE__*/createReactComponent('atomic-quickview');\nexport const AtomicQuickviewModal = /*@__PURE__*/createReactComponent('atomic-quickview-modal');\nexport const AtomicRecsError = /*@__PURE__*/createReactComponent('atomic-recs-error');\nexport const AtomicRecsList = /*@__PURE__*/createReactComponent('atomic-recs-list');\nexport const AtomicRecsResult = /*@__PURE__*/createReactComponent('atomic-recs-result');\nexport const AtomicRefineModal = /*@__PURE__*/createReactComponent('atomic-refine-modal');\nexport const AtomicSearchBox = /*@__PURE__*/createReactComponent('atomic-search-box');\nexport const AtomicSegmentedFacet = /*@__PURE__*/createReactComponent('atomic-segmented-facet');\nexport const AtomicSmartSnippet = /*@__PURE__*/createReactComponent('atomic-smart-snippet');\nexport const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/createReactComponent('atomic-smart-snippet-feedback-modal');\nexport const AtomicSmartSnippetSuggestions = /*@__PURE__*/createReactComponent('atomic-smart-snippet-suggestions');\nexport const AtomicTimeframe = /*@__PURE__*/createReactComponent('atomic-timeframe');\nexport const AtomicTimeframeFacet = /*@__PURE__*/createReactComponent('atomic-timeframe-facet');\n","// src/app-data/index.ts\nvar BUILD = {\n allRenderFn: false,\n cmpDidLoad: true,\n cmpDidUnload: false,\n cmpDidUpdate: true,\n cmpDidRender: true,\n cmpWillLoad: true,\n cmpWillUpdate: true,\n cmpWillRender: true,\n connectedCallback: true,\n disconnectedCallback: true,\n element: true,\n event: true,\n hasRenderFn: true,\n lifecycle: true,\n hostListener: true,\n hostListenerTargetWindow: true,\n hostListenerTargetDocument: true,\n hostListenerTargetBody: true,\n hostListenerTargetParent: false,\n hostListenerTarget: true,\n member: true,\n method: true,\n mode: true,\n observeAttribute: true,\n prop: true,\n propMutable: true,\n reflect: true,\n scoped: true,\n shadowDom: true,\n slot: true,\n cssAnnotations: true,\n state: true,\n style: true,\n formAssociated: false,\n svg: true,\n updatable: true,\n vdomAttribute: true,\n vdomXlink: true,\n vdomClass: true,\n vdomFunctional: true,\n vdomKey: true,\n vdomListener: true,\n vdomRef: true,\n vdomPropOrAttr: true,\n vdomRender: true,\n vdomStyle: true,\n vdomText: true,\n watchCallback: true,\n taskQueue: true,\n hotModuleReplacement: false,\n isDebug: false,\n isDev: false,\n isTesting: false,\n hydrateServerSide: false,\n hydrateClientSide: false,\n lifecycleDOMEvents: false,\n lazyLoad: false,\n profile: false,\n slotRelocation: true,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n appendChildSlotFix: false,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n cloneNodeFix: false,\n hydratedAttribute: false,\n hydratedClass: true,\n // TODO(STENCIL-1305): remove this option\n scriptDataOpts: false,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n scopedSlotTextContentFix: false,\n // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n shadowDomShim: false,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n slotChildNodesFix: false,\n invisiblePrehydration: true,\n propBoolean: true,\n propNumber: true,\n propString: true,\n constructableCSS: true,\n cmpShouldUpdate: true,\n devTools: false,\n shadowDelegatesFocus: true,\n initializeNextTick: false,\n asyncLoading: false,\n asyncQueue: false,\n transformTagName: false,\n attachStyles: true,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n experimentalSlotFixes: false\n};\nvar Env = {};\nvar NAMESPACE = (\n /* default */\n \"app\"\n);\nexport {\n BUILD,\n Env,\n NAMESPACE\n};\n","/*\n Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com\n */\nvar __defProp = Object.defineProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\n\n// src/client/client-build.ts\nimport { BUILD } from \"@stencil/core/internal/app-data\";\nvar Build = {\n isDev: BUILD.isDev ? true : false,\n isBrowser: true,\n isServer: false,\n isTesting: BUILD.isTesting ? true : false\n};\n\n// src/client/client-host-ref.ts\nimport { BUILD as BUILD2 } from \"@stencil/core/internal/app-data\";\nvar hostRefs = BUILD2.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();\nvar getHostRef = (ref) => hostRefs.get(ref);\nvar registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);\nvar registerHost = (hostElement, cmpMeta) => {\n const hostRef = {\n $flags$: 0,\n $hostElement$: hostElement,\n $cmpMeta$: cmpMeta,\n $instanceValues$: /* @__PURE__ */ new Map()\n };\n if (BUILD2.isDev) {\n hostRef.$renderCount$ = 0;\n }\n if (BUILD2.method && BUILD2.lazyLoad) {\n hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);\n }\n if (BUILD2.asyncLoading) {\n hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);\n hostElement[\"s-p\"] = [];\n hostElement[\"s-rc\"] = [];\n }\n return hostRefs.set(hostElement, hostRef);\n};\nvar isMemberInElement = (elm, memberName) => memberName in elm;\n\n// src/client/client-load-module.ts\nimport { BUILD as BUILD4 } from \"@stencil/core/internal/app-data\";\n\n// src/client/client-log.ts\nimport { BUILD as BUILD3 } from \"@stencil/core/internal/app-data\";\nvar customError;\nvar consoleError = (e, el) => (customError || console.error)(e, el);\nvar STENCIL_DEV_MODE = BUILD3.isTesting ? [\"STENCIL:\"] : [\n \"%cstencil\",\n \"color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px\"\n];\nvar consoleDevError = (...m) => console.error(...STENCIL_DEV_MODE, ...m);\nvar consoleDevWarn = (...m) => console.warn(...STENCIL_DEV_MODE, ...m);\nvar consoleDevInfo = (...m) => console.info(...STENCIL_DEV_MODE, ...m);\nvar setErrorHandler = (handler) => customError = handler;\n\n// src/client/client-load-module.ts\nvar cmpModules = /* @__PURE__ */ new Map();\nvar MODULE_IMPORT_PREFIX = \"./\";\nvar loadModule = (cmpMeta, hostRef, hmrVersionId) => {\n const exportName = cmpMeta.$tagName$.replace(/-/g, \"_\");\n const bundleId = cmpMeta.$lazyBundleId$;\n if (BUILD4.isDev && typeof bundleId !== \"string\") {\n consoleDevError(\n `Trying to lazily load component <${cmpMeta.$tagName$}> with style mode \"${hostRef.$modeName$}\", but it does not exist.`\n );\n return void 0;\n } else if (!bundleId) {\n return void 0;\n }\n const module = !BUILD4.hotModuleReplacement ? cmpModules.get(bundleId) : false;\n if (module) {\n return module[exportName];\n }\n /*!__STENCIL_STATIC_IMPORT_SWITCH__*/\n return import(\n /* @vite-ignore */\n /* webpackInclude: /\\.entry\\.js$/ */\n /* webpackExclude: /\\.system\\.entry\\.js$/ */\n /* webpackMode: \"lazy\" */\n `./${bundleId}.entry.js${BUILD4.hotModuleReplacement && hmrVersionId ? \"?s-hmr=\" + hmrVersionId : \"\"}`\n ).then((importedModule) => {\n if (!BUILD4.hotModuleReplacement) {\n cmpModules.set(bundleId, importedModule);\n }\n return importedModule[exportName];\n }, consoleError);\n};\n\n// src/client/client-style.ts\nvar styles = /* @__PURE__ */ new Map();\nvar modeResolutionChain = [];\n\n// src/client/client-task-queue.ts\nimport { BUILD as BUILD6 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/runtime-constants.ts\nvar CONTENT_REF_ID = \"r\";\nvar ORG_LOCATION_ID = \"o\";\nvar SLOT_NODE_ID = \"s\";\nvar TEXT_NODE_ID = \"t\";\nvar HYDRATE_ID = \"s-id\";\nvar HYDRATED_STYLE_ID = \"sty-id\";\nvar HYDRATE_CHILD_ID = \"c-id\";\nvar HYDRATED_CSS = \"{visibility:hidden}.hydrated{visibility:inherit}\";\nvar SLOT_FB_CSS = \"slot-fb{display:contents}slot-fb[hidden]{display:none}\";\nvar XLINK_NS = \"http://www.w3.org/1999/xlink\";\nvar FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [\n \"formAssociatedCallback\",\n \"formResetCallback\",\n \"formDisabledCallback\",\n \"formStateRestoreCallback\"\n];\n\n// src/client/client-window.ts\nimport { BUILD as BUILD5 } from \"@stencil/core/internal/app-data\";\nvar win = typeof window !== \"undefined\" ? window : {};\nvar doc = win.document || { head: {} };\nvar H = win.HTMLElement || class {\n};\nvar plt = {\n $flags$: 0,\n $resourcesUrl$: \"\",\n jmp: (h2) => h2(),\n raf: (h2) => requestAnimationFrame(h2),\n ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),\n rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),\n ce: (eventName, opts) => new CustomEvent(eventName, opts)\n};\nvar setPlatformHelpers = (helpers) => {\n Object.assign(plt, helpers);\n};\nvar supportsShadow = BUILD5.shadowDom;\nvar supportsListenerOptions = /* @__PURE__ */ (() => {\n let supportsListenerOptions2 = false;\n try {\n doc.addEventListener(\n \"e\",\n null,\n Object.defineProperty({}, \"passive\", {\n get() {\n supportsListenerOptions2 = true;\n }\n })\n );\n } catch (e) {\n }\n return supportsListenerOptions2;\n})();\nvar promiseResolve = (v) => Promise.resolve(v);\nvar supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */ (() => {\n try {\n new CSSStyleSheet();\n return typeof new CSSStyleSheet().replaceSync === \"function\";\n } catch (e) {\n }\n return false;\n})() : false;\n\n// src/client/client-task-queue.ts\nvar queueCongestion = 0;\nvar queuePending = false;\nvar queueDomReads = [];\nvar queueDomWrites = [];\nvar queueDomWritesLow = [];\nvar queueTask = (queue, write) => (cb) => {\n queue.push(cb);\n if (!queuePending) {\n queuePending = true;\n if (write && plt.$flags$ & 4 /* queueSync */) {\n nextTick(flush);\n } else {\n plt.raf(flush);\n }\n }\n};\nvar consume = (queue) => {\n for (let i2 = 0; i2 < queue.length; i2++) {\n try {\n queue[i2](performance.now());\n } catch (e) {\n consoleError(e);\n }\n }\n queue.length = 0;\n};\nvar consumeTimeout = (queue, timeout) => {\n let i2 = 0;\n let ts = 0;\n while (i2 < queue.length && (ts = performance.now()) < timeout) {\n try {\n queue[i2++](ts);\n } catch (e) {\n consoleError(e);\n }\n }\n if (i2 === queue.length) {\n queue.length = 0;\n } else if (i2 !== 0) {\n queue.splice(0, i2);\n }\n};\nvar flush = () => {\n if (BUILD6.asyncQueue) {\n queueCongestion++;\n }\n consume(queueDomReads);\n if (BUILD6.asyncQueue) {\n const timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */ ? performance.now() + 14 * Math.ceil(queueCongestion * (1 / 10)) : Infinity;\n consumeTimeout(queueDomWrites, timeout);\n consumeTimeout(queueDomWritesLow, timeout);\n if (queueDomWrites.length > 0) {\n queueDomWritesLow.push(...queueDomWrites);\n queueDomWrites.length = 0;\n }\n if (queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0) {\n plt.raf(flush);\n } else {\n queueCongestion = 0;\n }\n } else {\n consume(queueDomWrites);\n if (queuePending = queueDomReads.length > 0) {\n plt.raf(flush);\n }\n }\n};\nvar nextTick = (cb) => promiseResolve().then(cb);\nvar readTask = /* @__PURE__ */ queueTask(queueDomReads, false);\nvar writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);\n\n// src/client/index.ts\nimport { BUILD as BUILD27, Env, NAMESPACE as NAMESPACE2 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/asset-path.ts\nvar getAssetPath = (path) => {\n const assetUrl = new URL(path, plt.$resourcesUrl$);\n return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;\n};\nvar setAssetPath = (path) => plt.$resourcesUrl$ = path;\n\n// src/runtime/bootstrap-custom-element.ts\nimport { BUILD as BUILD24 } from \"@stencil/core/internal/app-data\";\n\n// src/utils/constants.ts\nvar EMPTY_OBJ = {};\nvar SVG_NS = \"http://www.w3.org/2000/svg\";\nvar HTML_NS = \"http://www.w3.org/1999/xhtml\";\n\n// src/utils/helpers.ts\nvar isDef = (v) => v != null;\nvar isComplexType = (o) => {\n o = typeof o;\n return o === \"object\" || o === \"function\";\n};\n\n// src/utils/query-nonce-meta-tag-content.ts\nfunction queryNonceMetaTagContent(doc2) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc2.head) == null ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) == null ? void 0 : _b.getAttribute(\"content\")) != null ? _c : void 0;\n}\n\n// src/utils/result.ts\nvar result_exports = {};\n__export(result_exports, {\n err: () => err,\n map: () => map,\n ok: () => ok,\n unwrap: () => unwrap,\n unwrapErr: () => unwrapErr\n});\nvar ok = (value) => ({\n isOk: true,\n isErr: false,\n value\n});\nvar err = (value) => ({\n isOk: false,\n isErr: true,\n value\n});\nfunction map(result, fn) {\n if (result.isOk) {\n const val = fn(result.value);\n if (val instanceof Promise) {\n return val.then((newVal) => ok(newVal));\n } else {\n return ok(val);\n }\n }\n if (result.isErr) {\n const value = result.value;\n return err(value);\n }\n throw \"should never get here\";\n}\nvar unwrap = (result) => {\n if (result.isOk) {\n return result.value;\n } else {\n throw result.value;\n }\n};\nvar unwrapErr = (result) => {\n if (result.isErr) {\n return result.value;\n } else {\n throw result.value;\n }\n};\n\n// src/runtime/connected-callback.ts\nimport { BUILD as BUILD21 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/client-hydrate.ts\nimport { BUILD as BUILD9 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/profile.ts\nimport { BUILD as BUILD7 } from \"@stencil/core/internal/app-data\";\nvar i = 0;\nvar createTime = (fnName, tagName = \"\") => {\n if (BUILD7.profile && performance.mark) {\n const key = `st:${fnName}:${tagName}:${i++}`;\n performance.mark(key);\n return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);\n } else {\n return () => {\n return;\n };\n }\n};\nvar uniqueTime = (key, measureText) => {\n if (BUILD7.profile && performance.mark) {\n if (performance.getEntriesByName(key, \"mark\").length === 0) {\n performance.mark(key);\n }\n return () => {\n if (performance.getEntriesByName(measureText, \"measure\").length === 0) {\n performance.measure(measureText, key);\n }\n };\n } else {\n return () => {\n return;\n };\n }\n};\nvar inspect = (ref) => {\n const hostRef = getHostRef(ref);\n if (!hostRef) {\n return void 0;\n }\n const flags = hostRef.$flags$;\n const hostElement = hostRef.$hostElement$;\n return {\n renderCount: hostRef.$renderCount$,\n flags: {\n hasRendered: !!(flags & 2 /* hasRendered */),\n hasConnected: !!(flags & 1 /* hasConnected */),\n isWaitingForChildren: !!(flags & 4 /* isWaitingForChildren */),\n isConstructingInstance: !!(flags & 8 /* isConstructingInstance */),\n isQueuedForUpdate: !!(flags & 16 /* isQueuedForUpdate */),\n hasInitializedComponent: !!(flags & 32 /* hasInitializedComponent */),\n hasLoadedComponent: !!(flags & 64 /* hasLoadedComponent */),\n isWatchReady: !!(flags & 128 /* isWatchReady */),\n isListenReady: !!(flags & 256 /* isListenReady */),\n needsRerender: !!(flags & 512 /* needsRerender */)\n },\n instanceValues: hostRef.$instanceValues$,\n ancestorComponent: hostRef.$ancestorComponent$,\n hostElement,\n lazyInstance: hostRef.$lazyInstance$,\n vnode: hostRef.$vnode$,\n modeName: hostRef.$modeName$,\n onReadyPromise: hostRef.$onReadyPromise$,\n onReadyResolve: hostRef.$onReadyResolve$,\n onInstancePromise: hostRef.$onInstancePromise$,\n onInstanceResolve: hostRef.$onInstanceResolve$,\n onRenderResolve: hostRef.$onRenderResolve$,\n queuedListeners: hostRef.$queuedListeners$,\n rmListeners: hostRef.$rmListeners$,\n [\"s-id\"]: hostElement[\"s-id\"],\n [\"s-cr\"]: hostElement[\"s-cr\"],\n [\"s-lr\"]: hostElement[\"s-lr\"],\n [\"s-p\"]: hostElement[\"s-p\"],\n [\"s-rc\"]: hostElement[\"s-rc\"],\n [\"s-sc\"]: hostElement[\"s-sc\"]\n };\n};\nvar installDevTools = () => {\n if (BUILD7.devTools) {\n const stencil = win.stencil = win.stencil || {};\n const originalInspect = stencil.inspect;\n stencil.inspect = (ref) => {\n let result = inspect(ref);\n if (!result && typeof originalInspect === \"function\") {\n result = originalInspect(ref);\n }\n return result;\n };\n }\n};\n\n// src/runtime/vdom/h.ts\nimport { BUILD as BUILD8 } from \"@stencil/core/internal/app-data\";\nvar h = (nodeName, vnodeData, ...children) => {\n let child = null;\n let key = null;\n let slotName = null;\n let simple = false;\n let lastSimple = false;\n const vNodeChildren = [];\n const walk = (c) => {\n for (let i2 = 0; i2 < c.length; i2++) {\n child = c[i2];\n if (Array.isArray(child)) {\n walk(child);\n } else if (child != null && typeof child !== \"boolean\") {\n if (simple = typeof nodeName !== \"function\" && !isComplexType(child)) {\n child = String(child);\n } else if (BUILD8.isDev && typeof nodeName !== \"function\" && child.$flags$ === void 0) {\n consoleDevError(`vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects.`);\n }\n if (simple && lastSimple) {\n vNodeChildren[vNodeChildren.length - 1].$text$ += child;\n } else {\n vNodeChildren.push(simple ? newVNode(null, child) : child);\n }\n lastSimple = simple;\n }\n }\n };\n walk(children);\n if (vnodeData) {\n if (BUILD8.isDev && nodeName === \"input\") {\n validateInputProperties(vnodeData);\n }\n if (BUILD8.vdomKey && vnodeData.key) {\n key = vnodeData.key;\n }\n if (BUILD8.slotRelocation && vnodeData.name) {\n slotName = vnodeData.name;\n }\n if (BUILD8.vdomClass) {\n const classData = vnodeData.className || vnodeData.class;\n if (classData) {\n vnodeData.class = typeof classData !== \"object\" ? classData : Object.keys(classData).filter((k) => classData[k]).join(\" \");\n }\n }\n }\n if (BUILD8.isDev && vNodeChildren.some(isHost)) {\n consoleDevError(`The must be the single root component. Make sure:\n- You are NOT using hostData() and in the same component.\n- is used once, and it's the single root component of the render() function.`);\n }\n if (BUILD8.vdomFunctional && typeof nodeName === \"function\") {\n return nodeName(\n vnodeData === null ? {} : vnodeData,\n vNodeChildren,\n vdomFnUtils\n );\n }\n const vnode = newVNode(nodeName, null);\n vnode.$attrs$ = vnodeData;\n if (vNodeChildren.length > 0) {\n vnode.$children$ = vNodeChildren;\n }\n if (BUILD8.vdomKey) {\n vnode.$key$ = key;\n }\n if (BUILD8.slotRelocation) {\n vnode.$name$ = slotName;\n }\n return vnode;\n};\nvar newVNode = (tag, text) => {\n const vnode = {\n $flags$: 0,\n $tag$: tag,\n $text$: text,\n $elm$: null,\n $children$: null\n };\n if (BUILD8.vdomAttribute) {\n vnode.$attrs$ = null;\n }\n if (BUILD8.vdomKey) {\n vnode.$key$ = null;\n }\n if (BUILD8.slotRelocation) {\n vnode.$name$ = null;\n }\n return vnode;\n};\nvar Host = {};\nvar isHost = (node) => node && node.$tag$ === Host;\nvar vdomFnUtils = {\n forEach: (children, cb) => children.map(convertToPublic).forEach(cb),\n map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)\n};\nvar convertToPublic = (node) => ({\n vattrs: node.$attrs$,\n vchildren: node.$children$,\n vkey: node.$key$,\n vname: node.$name$,\n vtag: node.$tag$,\n vtext: node.$text$\n});\nvar convertToPrivate = (node) => {\n if (typeof node.vtag === \"function\") {\n const vnodeData = { ...node.vattrs };\n if (node.vkey) {\n vnodeData.key = node.vkey;\n }\n if (node.vname) {\n vnodeData.name = node.vname;\n }\n return h(node.vtag, vnodeData, ...node.vchildren || []);\n }\n const vnode = newVNode(node.vtag, node.vtext);\n vnode.$attrs$ = node.vattrs;\n vnode.$children$ = node.vchildren;\n vnode.$key$ = node.vkey;\n vnode.$name$ = node.vname;\n return vnode;\n};\nvar validateInputProperties = (inputElm) => {\n const props = Object.keys(inputElm);\n const value = props.indexOf(\"value\");\n if (value === -1) {\n return;\n }\n const typeIndex = props.indexOf(\"type\");\n const minIndex = props.indexOf(\"min\");\n const maxIndex = props.indexOf(\"max\");\n const stepIndex = props.indexOf(\"step\");\n if (value < typeIndex || value < minIndex || value < maxIndex || value < stepIndex) {\n consoleDevWarn(`The \"value\" prop of should be set after \"min\", \"max\", \"type\" and \"step\"`);\n }\n};\n\n// src/runtime/client-hydrate.ts\nvar initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {\n const endHydrate = createTime(\"hydrateClient\", tagName);\n const shadowRoot = hostElm.shadowRoot;\n const childRenderNodes = [];\n const slotNodes = [];\n const shadowRootNodes = BUILD9.shadowDom && shadowRoot ? [] : null;\n const vnode = hostRef.$vnode$ = newVNode(tagName, null);\n if (!plt.$orgLocNodes$) {\n initializeDocumentHydrate(doc.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());\n }\n hostElm[HYDRATE_ID] = hostId;\n hostElm.removeAttribute(HYDRATE_ID);\n clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);\n childRenderNodes.map((c) => {\n const orgLocationId = c.$hostId$ + \".\" + c.$nodeId$;\n const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);\n const node = c.$elm$;\n if (orgLocationNode && supportsShadow && orgLocationNode[\"s-en\"] === \"\") {\n orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);\n }\n if (!shadowRoot) {\n node[\"s-hn\"] = tagName;\n if (orgLocationNode) {\n node[\"s-ol\"] = orgLocationNode;\n node[\"s-ol\"][\"s-nr\"] = node;\n }\n }\n plt.$orgLocNodes$.delete(orgLocationId);\n });\n if (BUILD9.shadowDom && shadowRoot) {\n shadowRootNodes.map((shadowRootNode) => {\n if (shadowRootNode) {\n shadowRoot.appendChild(shadowRootNode);\n }\n });\n }\n endHydrate();\n};\nvar clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {\n let childNodeType;\n let childIdSplt;\n let childVNode;\n let i2;\n if (node.nodeType === 1 /* ElementNode */) {\n childNodeType = node.getAttribute(HYDRATE_CHILD_ID);\n if (childNodeType) {\n childIdSplt = childNodeType.split(\".\");\n if (childIdSplt[0] === hostId || childIdSplt[0] === \"0\") {\n childVNode = {\n $flags$: 0,\n $hostId$: childIdSplt[0],\n $nodeId$: childIdSplt[1],\n $depth$: childIdSplt[2],\n $index$: childIdSplt[3],\n $tag$: node.tagName.toLowerCase(),\n $elm$: node,\n $attrs$: null,\n $children$: null,\n $key$: null,\n $name$: null,\n $text$: null\n };\n childRenderNodes.push(childVNode);\n node.removeAttribute(HYDRATE_CHILD_ID);\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n parentVNode.$children$[childVNode.$index$] = childVNode;\n parentVNode = childVNode;\n if (shadowRootNodes && childVNode.$depth$ === \"0\") {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n }\n if (node.shadowRoot) {\n for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {\n clientHydrate(\n parentVNode,\n childRenderNodes,\n slotNodes,\n shadowRootNodes,\n hostElm,\n node.shadowRoot.childNodes[i2],\n hostId\n );\n }\n }\n for (i2 = node.childNodes.length - 1; i2 >= 0; i2--) {\n clientHydrate(\n parentVNode,\n childRenderNodes,\n slotNodes,\n shadowRootNodes,\n hostElm,\n node.childNodes[i2],\n hostId\n );\n }\n } else if (node.nodeType === 8 /* CommentNode */) {\n childIdSplt = node.nodeValue.split(\".\");\n if (childIdSplt[1] === hostId || childIdSplt[1] === \"0\") {\n childNodeType = childIdSplt[0];\n childVNode = {\n $flags$: 0,\n $hostId$: childIdSplt[1],\n $nodeId$: childIdSplt[2],\n $depth$: childIdSplt[3],\n $index$: childIdSplt[4],\n $elm$: node,\n $attrs$: null,\n $children$: null,\n $key$: null,\n $name$: null,\n $tag$: null,\n $text$: null\n };\n if (childNodeType === TEXT_NODE_ID) {\n childVNode.$elm$ = node.nextSibling;\n if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {\n childVNode.$text$ = childVNode.$elm$.textContent;\n childRenderNodes.push(childVNode);\n node.remove();\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n parentVNode.$children$[childVNode.$index$] = childVNode;\n if (shadowRootNodes && childVNode.$depth$ === \"0\") {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n } else if (childVNode.$hostId$ === hostId) {\n if (childNodeType === SLOT_NODE_ID) {\n childVNode.$tag$ = \"slot\";\n if (childIdSplt[5]) {\n node[\"s-sn\"] = childVNode.$name$ = childIdSplt[5];\n } else {\n node[\"s-sn\"] = \"\";\n }\n node[\"s-sr\"] = true;\n if (BUILD9.shadowDom && shadowRootNodes) {\n childVNode.$elm$ = doc.createElement(childVNode.$tag$);\n if (childVNode.$name$) {\n childVNode.$elm$.setAttribute(\"name\", childVNode.$name$);\n }\n node.parentNode.insertBefore(childVNode.$elm$, node);\n node.remove();\n if (childVNode.$depth$ === \"0\") {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n slotNodes.push(childVNode);\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n parentVNode.$children$[childVNode.$index$] = childVNode;\n } else if (childNodeType === CONTENT_REF_ID) {\n if (BUILD9.shadowDom && shadowRootNodes) {\n node.remove();\n } else if (BUILD9.slotRelocation) {\n hostElm[\"s-cr\"] = node;\n node[\"s-cn\"] = true;\n }\n }\n }\n }\n } else if (parentVNode && parentVNode.$tag$ === \"style\") {\n const vnode = newVNode(null, node.textContent);\n vnode.$elm$ = node;\n vnode.$index$ = \"0\";\n parentVNode.$children$ = [vnode];\n }\n};\nvar initializeDocumentHydrate = (node, orgLocNodes) => {\n if (node.nodeType === 1 /* ElementNode */) {\n let i2 = 0;\n if (node.shadowRoot) {\n for (; i2 < node.shadowRoot.childNodes.length; i2++) {\n initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);\n }\n }\n for (i2 = 0; i2 < node.childNodes.length; i2++) {\n initializeDocumentHydrate(node.childNodes[i2], orgLocNodes);\n }\n } else if (node.nodeType === 8 /* CommentNode */) {\n const childIdSplt = node.nodeValue.split(\".\");\n if (childIdSplt[0] === ORG_LOCATION_ID) {\n orgLocNodes.set(childIdSplt[1] + \".\" + childIdSplt[2], node);\n node.nodeValue = \"\";\n node[\"s-en\"] = childIdSplt[3];\n }\n }\n};\n\n// src/runtime/initialize-component.ts\nimport { BUILD as BUILD20 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/mode.ts\nvar computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);\nvar setMode = (handler) => modeResolutionChain.push(handler);\nvar getMode = (ref) => getHostRef(ref).$modeName$;\n\n// src/runtime/proxy-component.ts\nimport { BUILD as BUILD19 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/set-value.ts\nimport { BUILD as BUILD18 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/parse-property-value.ts\nimport { BUILD as BUILD10 } from \"@stencil/core/internal/app-data\";\nvar parsePropertyValue = (propValue, propType) => {\n if (propValue != null && !isComplexType(propValue)) {\n if (BUILD10.propBoolean && propType & 4 /* Boolean */) {\n return propValue === \"false\" ? false : propValue === \"\" || !!propValue;\n }\n if (BUILD10.propNumber && propType & 2 /* Number */) {\n return parseFloat(propValue);\n }\n if (BUILD10.propString && propType & 1 /* String */) {\n return String(propValue);\n }\n return propValue;\n }\n return propValue;\n};\n\n// src/runtime/update-component.ts\nimport { BUILD as BUILD17, NAMESPACE } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/event-emitter.ts\nimport { BUILD as BUILD12 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/element.ts\nimport { BUILD as BUILD11 } from \"@stencil/core/internal/app-data\";\nvar getElement = (ref) => BUILD11.lazyLoad ? getHostRef(ref).$hostElement$ : ref;\n\n// src/runtime/event-emitter.ts\nvar createEvent = (ref, name, flags) => {\n const elm = getElement(ref);\n return {\n emit: (detail) => {\n if (BUILD12.isDev && !elm.isConnected) {\n consoleDevWarn(`The \"${name}\" event was emitted, but the dispatcher node is no longer connected to the dom.`);\n }\n return emitEvent(elm, name, {\n bubbles: !!(flags & 4 /* Bubbles */),\n composed: !!(flags & 2 /* Composed */),\n cancelable: !!(flags & 1 /* Cancellable */),\n detail\n });\n }\n };\n};\nvar emitEvent = (elm, name, opts) => {\n const ev = plt.ce(name, opts);\n elm.dispatchEvent(ev);\n return ev;\n};\n\n// src/runtime/styles.ts\nimport { BUILD as BUILD13 } from \"@stencil/core/internal/app-data\";\nvar rootAppliedStyles = /* @__PURE__ */ new WeakMap();\nvar registerStyle = (scopeId2, cssText, allowCS) => {\n let style = styles.get(scopeId2);\n if (supportsConstructableStylesheets && allowCS) {\n style = style || new CSSStyleSheet();\n if (typeof style === \"string\") {\n style = cssText;\n } else {\n style.replaceSync(cssText);\n }\n } else {\n style = cssText;\n }\n styles.set(scopeId2, style);\n};\nvar addStyle = (styleContainerNode, cmpMeta, mode) => {\n var _a;\n const scopeId2 = getScopeId(cmpMeta, mode);\n const style = styles.get(scopeId2);\n if (!BUILD13.attachStyles) {\n return scopeId2;\n }\n styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;\n if (style) {\n if (typeof style === \"string\") {\n styleContainerNode = styleContainerNode.head || styleContainerNode;\n let appliedStyles = rootAppliedStyles.get(styleContainerNode);\n let styleElm;\n if (!appliedStyles) {\n rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());\n }\n if (!appliedStyles.has(scopeId2)) {\n if (BUILD13.hydrateClientSide && styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}=\"${scopeId2}\"]`))) {\n styleElm.innerHTML = style;\n } else {\n styleElm = doc.createElement(\"style\");\n styleElm.innerHTML = style;\n const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n styleElm.setAttribute(\"nonce\", nonce);\n }\n if ((BUILD13.hydrateServerSide || BUILD13.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);\n }\n const injectStyle = (\n /**\n * we render a scoped component\n */\n !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**\n * we are using shadow dom and render the style tag within the shadowRoot\n */\n cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== \"HEAD\"\n );\n if (injectStyle) {\n styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector(\"link\"));\n }\n }\n if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {\n styleElm.innerHTML += SLOT_FB_CSS;\n }\n if (appliedStyles) {\n appliedStyles.add(scopeId2);\n }\n }\n } else if (BUILD13.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {\n styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];\n }\n }\n return scopeId2;\n};\nvar attachStyles = (hostRef) => {\n const cmpMeta = hostRef.$cmpMeta$;\n const elm = hostRef.$hostElement$;\n const flags = cmpMeta.$flags$;\n const endAttachStyles = createTime(\"attachStyles\", cmpMeta.$tagName$);\n const scopeId2 = addStyle(\n BUILD13.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),\n cmpMeta,\n hostRef.$modeName$\n );\n if ((BUILD13.shadowDom || BUILD13.scoped) && BUILD13.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {\n elm[\"s-sc\"] = scopeId2;\n elm.classList.add(scopeId2 + \"-h\");\n if (BUILD13.scoped && flags & 2 /* scopedCssEncapsulation */) {\n elm.classList.add(scopeId2 + \"-s\");\n }\n }\n endAttachStyles();\n};\nvar getScopeId = (cmp, mode) => \"sc-\" + (BUILD13.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + \"-\" + mode : cmp.$tagName$);\n\n// src/runtime/vdom/vdom-render.ts\nimport { BUILD as BUILD16 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/vdom/update-element.ts\nimport { BUILD as BUILD15 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/vdom/set-accessor.ts\nimport { BUILD as BUILD14 } from \"@stencil/core/internal/app-data\";\nvar setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {\n if (oldValue !== newValue) {\n let isProp = isMemberInElement(elm, memberName);\n let ln = memberName.toLowerCase();\n if (BUILD14.vdomClass && memberName === \"class\") {\n const classList = elm.classList;\n const oldClasses = parseClassList(oldValue);\n const newClasses = parseClassList(newValue);\n classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));\n classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));\n } else if (BUILD14.vdomStyle && memberName === \"style\") {\n if (BUILD14.updatable) {\n for (const prop in oldValue) {\n if (!newValue || newValue[prop] == null) {\n if (!BUILD14.hydrateServerSide && prop.includes(\"-\")) {\n elm.style.removeProperty(prop);\n } else {\n elm.style[prop] = \"\";\n }\n }\n }\n }\n for (const prop in newValue) {\n if (!oldValue || newValue[prop] !== oldValue[prop]) {\n if (!BUILD14.hydrateServerSide && prop.includes(\"-\")) {\n elm.style.setProperty(prop, newValue[prop]);\n } else {\n elm.style[prop] = newValue[prop];\n }\n }\n }\n } else if (BUILD14.vdomKey && memberName === \"key\") {\n } else if (BUILD14.vdomRef && memberName === \"ref\") {\n if (newValue) {\n newValue(elm);\n }\n } else if (BUILD14.vdomListener && (BUILD14.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === \"o\" && memberName[1] === \"n\") {\n if (memberName[2] === \"-\") {\n memberName = memberName.slice(3);\n } else if (isMemberInElement(win, ln)) {\n memberName = ln.slice(2);\n } else {\n memberName = ln[2] + memberName.slice(3);\n }\n if (oldValue || newValue) {\n const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);\n memberName = memberName.replace(CAPTURE_EVENT_REGEX, \"\");\n if (oldValue) {\n plt.rel(elm, memberName, oldValue, capture);\n }\n if (newValue) {\n plt.ael(elm, memberName, newValue, capture);\n }\n }\n } else if (BUILD14.vdomPropOrAttr) {\n const isComplex = isComplexType(newValue);\n if ((isProp || isComplex && newValue !== null) && !isSvg) {\n try {\n if (!elm.tagName.includes(\"-\")) {\n const n = newValue == null ? \"\" : newValue;\n if (memberName === \"list\") {\n isProp = false;\n } else if (oldValue == null || elm[memberName] != n) {\n elm[memberName] = n;\n }\n } else {\n elm[memberName] = newValue;\n }\n } catch (e) {\n }\n }\n let xlink = false;\n if (BUILD14.vdomXlink) {\n if (ln !== (ln = ln.replace(/^xlink\\:?/, \"\"))) {\n memberName = ln;\n xlink = true;\n }\n }\n if (newValue == null || newValue === false) {\n if (newValue !== false || elm.getAttribute(memberName) === \"\") {\n if (BUILD14.vdomXlink && xlink) {\n elm.removeAttributeNS(XLINK_NS, memberName);\n } else {\n elm.removeAttribute(memberName);\n }\n }\n } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {\n newValue = newValue === true ? \"\" : newValue;\n if (BUILD14.vdomXlink && xlink) {\n elm.setAttributeNS(XLINK_NS, memberName, newValue);\n } else {\n elm.setAttribute(memberName, newValue);\n }\n }\n }\n }\n};\nvar parseClassListRegex = /\\s/;\nvar parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);\nvar CAPTURE_EVENT_SUFFIX = \"Capture\";\nvar CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + \"$\");\n\n// src/runtime/vdom/update-element.ts\nvar updateElement = (oldVnode, newVnode, isSvgMode2) => {\n const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;\n const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || EMPTY_OBJ;\n const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;\n if (BUILD15.updatable) {\n for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {\n if (!(memberName in newVnodeAttrs)) {\n setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);\n }\n }\n }\n for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {\n setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode2, newVnode.$flags$);\n }\n};\nfunction sortedAttrNames(attrNames) {\n return attrNames.includes(\"ref\") ? (\n // we need to sort these to ensure that `'ref'` is the last attr\n [...attrNames.filter((attr) => attr !== \"ref\"), \"ref\"]\n ) : (\n // no need to sort, return the original array\n attrNames\n );\n}\n\n// src/runtime/vdom/vdom-render.ts\nvar scopeId;\nvar contentRef;\nvar hostTagName;\nvar useNativeShadowDom = false;\nvar checkSlotFallbackVisibility = false;\nvar checkSlotRelocate = false;\nvar isSvgMode = false;\nvar createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {\n var _a;\n const newVNode2 = newParentVNode.$children$[childIndex];\n let i2 = 0;\n let elm;\n let childNode;\n let oldVNode;\n if (BUILD16.slotRelocation && !useNativeShadowDom) {\n checkSlotRelocate = true;\n if (newVNode2.$tag$ === \"slot\") {\n if (scopeId) {\n parentElm.classList.add(scopeId + \"-s\");\n }\n newVNode2.$flags$ |= newVNode2.$children$ ? (\n // slot element has fallback content\n // still create an element that \"mocks\" the slot element\n 2 /* isSlotFallback */\n ) : (\n // slot element does not have fallback content\n // create an html comment we'll use to always reference\n // where actual slot content should sit next to\n 1 /* isSlotReference */\n );\n }\n }\n if (BUILD16.isDev && newVNode2.$elm$) {\n consoleDevError(\n `The JSX ${newVNode2.$text$ !== null ? `\"${newVNode2.$text$}\" text` : `\"${newVNode2.$tag$}\" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`\n );\n }\n if (BUILD16.vdomText && newVNode2.$text$ !== null) {\n elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);\n } else if (BUILD16.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {\n elm = newVNode2.$elm$ = BUILD16.isDebug || BUILD16.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : doc.createTextNode(\"\");\n } else {\n if (BUILD16.svg && !isSvgMode) {\n isSvgMode = newVNode2.$tag$ === \"svg\";\n }\n elm = newVNode2.$elm$ = BUILD16.svg ? doc.createElementNS(\n isSvgMode ? SVG_NS : HTML_NS,\n !useNativeShadowDom && BUILD16.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? \"slot-fb\" : newVNode2.$tag$\n ) : doc.createElement(\n !useNativeShadowDom && BUILD16.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? \"slot-fb\" : newVNode2.$tag$\n );\n if (BUILD16.svg && isSvgMode && newVNode2.$tag$ === \"foreignObject\") {\n isSvgMode = false;\n }\n if (BUILD16.vdomAttribute) {\n updateElement(null, newVNode2, isSvgMode);\n }\n const rootNode = elm.getRootNode();\n const isElementWithinShadowRoot = !rootNode.querySelector(\"body\");\n if (!isElementWithinShadowRoot && BUILD16.scoped && isDef(scopeId) && elm[\"s-si\"] !== scopeId) {\n elm.classList.add(elm[\"s-si\"] = scopeId);\n }\n if (BUILD16.scoped) {\n updateElementScopeIds(elm, parentElm);\n }\n if (newVNode2.$children$) {\n for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {\n childNode = createElm(oldParentVNode, newVNode2, i2, elm);\n if (childNode) {\n elm.appendChild(childNode);\n }\n }\n }\n if (BUILD16.svg) {\n if (newVNode2.$tag$ === \"svg\") {\n isSvgMode = false;\n } else if (elm.tagName === \"foreignObject\") {\n isSvgMode = true;\n }\n }\n }\n elm[\"s-hn\"] = hostTagName;\n if (BUILD16.slotRelocation) {\n if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {\n elm[\"s-sr\"] = true;\n elm[\"s-cr\"] = contentRef;\n elm[\"s-sn\"] = newVNode2.$name$ || \"\";\n elm[\"s-rf\"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;\n oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];\n if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {\n if (BUILD16.experimentalSlotFixes) {\n relocateToHostRoot(oldParentVNode.$elm$);\n } else {\n putBackInOriginalLocation(oldParentVNode.$elm$, false);\n }\n }\n }\n }\n return elm;\n};\nvar relocateToHostRoot = (parentElm) => {\n plt.$flags$ |= 1 /* isTmpDisconnected */;\n const host = parentElm.closest(hostTagName.toLowerCase());\n if (host != null) {\n const contentRefNode = Array.from(host.childNodes).find((ref) => ref[\"s-cr\"]);\n const childNodeArray = Array.from(parentElm.childNodes);\n for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {\n if (childNode[\"s-sh\"] != null) {\n insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);\n childNode[\"s-sh\"] = void 0;\n checkSlotRelocate = true;\n }\n }\n }\n plt.$flags$ &= ~1 /* isTmpDisconnected */;\n};\nvar putBackInOriginalLocation = (parentElm, recursive) => {\n plt.$flags$ |= 1 /* isTmpDisconnected */;\n const oldSlotChildNodes = Array.from(parentElm.childNodes);\n if (parentElm[\"s-sr\"] && BUILD16.experimentalSlotFixes) {\n let node = parentElm;\n while (node = node.nextSibling) {\n if (node && node[\"s-sn\"] === parentElm[\"s-sn\"] && node[\"s-sh\"] === hostTagName) {\n oldSlotChildNodes.push(node);\n }\n }\n }\n for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {\n const childNode = oldSlotChildNodes[i2];\n if (childNode[\"s-hn\"] !== hostTagName && childNode[\"s-ol\"]) {\n insertBefore(parentReferenceNode(childNode), childNode, referenceNode(childNode));\n childNode[\"s-ol\"].remove();\n childNode[\"s-ol\"] = void 0;\n childNode[\"s-sh\"] = void 0;\n checkSlotRelocate = true;\n }\n if (recursive) {\n putBackInOriginalLocation(childNode, recursive);\n }\n }\n plt.$flags$ &= ~1 /* isTmpDisconnected */;\n};\nvar addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {\n let containerElm = BUILD16.slotRelocation && parentElm[\"s-cr\"] && parentElm[\"s-cr\"].parentNode || parentElm;\n let childNode;\n if (BUILD16.shadowDom && containerElm.shadowRoot && containerElm.tagName === hostTagName) {\n containerElm = containerElm.shadowRoot;\n }\n for (; startIdx <= endIdx; ++startIdx) {\n if (vnodes[startIdx]) {\n childNode = createElm(null, parentVNode, startIdx, parentElm);\n if (childNode) {\n vnodes[startIdx].$elm$ = childNode;\n insertBefore(containerElm, childNode, BUILD16.slotRelocation ? referenceNode(before) : before);\n }\n }\n }\n};\nvar removeVnodes = (vnodes, startIdx, endIdx) => {\n for (let index = startIdx; index <= endIdx; ++index) {\n const vnode = vnodes[index];\n if (vnode) {\n const elm = vnode.$elm$;\n nullifyVNodeRefs(vnode);\n if (elm) {\n if (BUILD16.slotRelocation) {\n checkSlotFallbackVisibility = true;\n if (elm[\"s-ol\"]) {\n elm[\"s-ol\"].remove();\n } else {\n putBackInOriginalLocation(elm, true);\n }\n }\n elm.remove();\n }\n }\n }\n};\nvar updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {\n let oldStartIdx = 0;\n let newStartIdx = 0;\n let idxInOld = 0;\n let i2 = 0;\n let oldEndIdx = oldCh.length - 1;\n let oldStartVnode = oldCh[0];\n let oldEndVnode = oldCh[oldEndIdx];\n let newEndIdx = newCh.length - 1;\n let newStartVnode = newCh[0];\n let newEndVnode = newCh[newEndIdx];\n let node;\n let elmToMove;\n while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {\n if (oldStartVnode == null) {\n oldStartVnode = oldCh[++oldStartIdx];\n } else if (oldEndVnode == null) {\n oldEndVnode = oldCh[--oldEndIdx];\n } else if (newStartVnode == null) {\n newStartVnode = newCh[++newStartIdx];\n } else if (newEndVnode == null) {\n newEndVnode = newCh[--newEndIdx];\n } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {\n patch(oldStartVnode, newStartVnode, isInitialRender);\n oldStartVnode = oldCh[++oldStartIdx];\n newStartVnode = newCh[++newStartIdx];\n } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {\n patch(oldEndVnode, newEndVnode, isInitialRender);\n oldEndVnode = oldCh[--oldEndIdx];\n newEndVnode = newCh[--newEndIdx];\n } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {\n if (BUILD16.slotRelocation && (oldStartVnode.$tag$ === \"slot\" || newEndVnode.$tag$ === \"slot\")) {\n putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);\n }\n patch(oldStartVnode, newEndVnode, isInitialRender);\n insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);\n oldStartVnode = oldCh[++oldStartIdx];\n newEndVnode = newCh[--newEndIdx];\n } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {\n if (BUILD16.slotRelocation && (oldStartVnode.$tag$ === \"slot\" || newEndVnode.$tag$ === \"slot\")) {\n putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);\n }\n patch(oldEndVnode, newStartVnode, isInitialRender);\n insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);\n oldEndVnode = oldCh[--oldEndIdx];\n newStartVnode = newCh[++newStartIdx];\n } else {\n idxInOld = -1;\n if (BUILD16.vdomKey) {\n for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {\n if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {\n idxInOld = i2;\n break;\n }\n }\n }\n if (BUILD16.vdomKey && idxInOld >= 0) {\n elmToMove = oldCh[idxInOld];\n if (elmToMove.$tag$ !== newStartVnode.$tag$) {\n node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld, parentElm);\n } else {\n patch(elmToMove, newStartVnode, isInitialRender);\n oldCh[idxInOld] = void 0;\n node = elmToMove.$elm$;\n }\n newStartVnode = newCh[++newStartIdx];\n } else {\n node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx, parentElm);\n newStartVnode = newCh[++newStartIdx];\n }\n if (node) {\n if (BUILD16.slotRelocation) {\n insertBefore(parentReferenceNode(oldStartVnode.$elm$), node, referenceNode(oldStartVnode.$elm$));\n } else {\n insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);\n }\n }\n }\n }\n if (oldStartIdx > oldEndIdx) {\n addVnodes(\n parentElm,\n newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,\n newVNode2,\n newCh,\n newStartIdx,\n newEndIdx\n );\n } else if (BUILD16.updatable && newStartIdx > newEndIdx) {\n removeVnodes(oldCh, oldStartIdx, oldEndIdx);\n }\n};\nvar isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {\n if (leftVNode.$tag$ === rightVNode.$tag$) {\n if (BUILD16.slotRelocation && leftVNode.$tag$ === \"slot\") {\n if (\n // The component gets hydrated and no VDOM has been initialized.\n // Here the comparison can't happen as $name$ property is not set for `leftNode`.\n \"$nodeId$\" in leftVNode && isInitialRender && // `leftNode` is not from type HTMLComment which would cause many\n // hydration comments to be removed\n leftVNode.$elm$.nodeType !== 8\n ) {\n return false;\n }\n return leftVNode.$name$ === rightVNode.$name$;\n }\n if (BUILD16.vdomKey && !isInitialRender) {\n return leftVNode.$key$ === rightVNode.$key$;\n }\n return true;\n }\n return false;\n};\nvar referenceNode = (node) => {\n return node && node[\"s-ol\"] || node;\n};\nvar parentReferenceNode = (node) => (node[\"s-ol\"] ? node[\"s-ol\"] : node).parentNode;\nvar patch = (oldVNode, newVNode2, isInitialRender = false) => {\n const elm = newVNode2.$elm$ = oldVNode.$elm$;\n const oldChildren = oldVNode.$children$;\n const newChildren = newVNode2.$children$;\n const tag = newVNode2.$tag$;\n const text = newVNode2.$text$;\n let defaultHolder;\n if (!BUILD16.vdomText || text === null) {\n if (BUILD16.svg) {\n isSvgMode = tag === \"svg\" ? true : tag === \"foreignObject\" ? false : isSvgMode;\n }\n if (BUILD16.vdomAttribute || BUILD16.reflect) {\n if (BUILD16.slot && tag === \"slot\" && !useNativeShadowDom) {\n if (BUILD16.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {\n newVNode2.$elm$[\"s-sn\"] = newVNode2.$name$ || \"\";\n relocateToHostRoot(newVNode2.$elm$.parentElement);\n }\n } else {\n updateElement(oldVNode, newVNode2, isSvgMode);\n }\n }\n if (BUILD16.updatable && oldChildren !== null && newChildren !== null) {\n updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);\n } else if (newChildren !== null) {\n if (BUILD16.updatable && BUILD16.vdomText && oldVNode.$text$ !== null) {\n elm.textContent = \"\";\n }\n addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);\n } else if (\n // don't do this on initial render as it can cause non-hydrated content to be removed\n !isInitialRender && BUILD16.updatable && oldChildren !== null\n ) {\n removeVnodes(oldChildren, 0, oldChildren.length - 1);\n }\n if (BUILD16.svg && isSvgMode && tag === \"svg\") {\n isSvgMode = false;\n }\n } else if (BUILD16.vdomText && BUILD16.slotRelocation && (defaultHolder = elm[\"s-cr\"])) {\n defaultHolder.parentNode.textContent = text;\n } else if (BUILD16.vdomText && oldVNode.$text$ !== text) {\n elm.data = text;\n }\n};\nvar updateFallbackSlotVisibility = (elm) => {\n const childNodes = elm.childNodes;\n for (const childNode of childNodes) {\n if (childNode.nodeType === 1 /* ElementNode */) {\n if (childNode[\"s-sr\"]) {\n const slotName = childNode[\"s-sn\"];\n childNode.hidden = false;\n for (const siblingNode of childNodes) {\n if (siblingNode !== childNode) {\n if (siblingNode[\"s-hn\"] !== childNode[\"s-hn\"] || slotName !== \"\") {\n if (siblingNode.nodeType === 1 /* ElementNode */ && (slotName === siblingNode.getAttribute(\"slot\") || slotName === siblingNode[\"s-sn\"]) || siblingNode.nodeType === 3 /* TextNode */ && slotName === siblingNode[\"s-sn\"]) {\n childNode.hidden = true;\n break;\n }\n } else {\n if (siblingNode.nodeType === 1 /* ElementNode */ || siblingNode.nodeType === 3 /* TextNode */ && siblingNode.textContent.trim() !== \"\") {\n childNode.hidden = true;\n break;\n }\n }\n }\n }\n }\n updateFallbackSlotVisibility(childNode);\n }\n }\n};\nvar relocateNodes = [];\nvar markSlotContentForRelocation = (elm) => {\n let node;\n let hostContentNodes;\n let j;\n for (const childNode of elm.childNodes) {\n if (childNode[\"s-sr\"] && (node = childNode[\"s-cr\"]) && node.parentNode) {\n hostContentNodes = node.parentNode.childNodes;\n const slotName = childNode[\"s-sn\"];\n for (j = hostContentNodes.length - 1; j >= 0; j--) {\n node = hostContentNodes[j];\n if (!node[\"s-cn\"] && !node[\"s-nr\"] && node[\"s-hn\"] !== childNode[\"s-hn\"] && (!BUILD16.experimentalSlotFixes || !node[\"s-sh\"] || node[\"s-sh\"] !== childNode[\"s-hn\"])) {\n if (isNodeLocatedInSlot(node, slotName)) {\n let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);\n checkSlotFallbackVisibility = true;\n node[\"s-sn\"] = node[\"s-sn\"] || slotName;\n if (relocateNodeData) {\n relocateNodeData.$nodeToRelocate$[\"s-sh\"] = childNode[\"s-hn\"];\n relocateNodeData.$slotRefNode$ = childNode;\n } else {\n node[\"s-sh\"] = childNode[\"s-hn\"];\n relocateNodes.push({\n $slotRefNode$: childNode,\n $nodeToRelocate$: node\n });\n }\n if (node[\"s-sr\"]) {\n relocateNodes.map((relocateNode) => {\n if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node[\"s-sn\"])) {\n relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);\n if (relocateNodeData && !relocateNode.$slotRefNode$) {\n relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;\n }\n }\n });\n }\n } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {\n relocateNodes.push({\n $nodeToRelocate$: node\n });\n }\n }\n }\n }\n if (childNode.nodeType === 1 /* ElementNode */) {\n markSlotContentForRelocation(childNode);\n }\n }\n};\nvar isNodeLocatedInSlot = (nodeToRelocate, slotName) => {\n if (nodeToRelocate.nodeType === 1 /* ElementNode */) {\n if (nodeToRelocate.getAttribute(\"slot\") === null && slotName === \"\") {\n return true;\n }\n if (nodeToRelocate.getAttribute(\"slot\") === slotName) {\n return true;\n }\n return false;\n }\n if (nodeToRelocate[\"s-sn\"] === slotName) {\n return true;\n }\n return slotName === \"\";\n};\nvar nullifyVNodeRefs = (vNode) => {\n if (BUILD16.vdomRef) {\n vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);\n vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);\n }\n};\nvar insertBefore = (parent, newNode, reference) => {\n const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);\n if (BUILD16.scoped) {\n updateElementScopeIds(newNode, parent);\n }\n return inserted;\n};\nvar findScopeIds = (element) => {\n const scopeIds = [];\n if (element) {\n scopeIds.push(\n ...element[\"s-scs\"] || [],\n element[\"s-si\"],\n element[\"s-sc\"],\n ...findScopeIds(element.parentElement)\n );\n }\n return scopeIds;\n};\nvar updateElementScopeIds = (element, parent, iterateChildNodes = false) => {\n var _a;\n if (element && parent && element.nodeType === 1 /* ElementNode */) {\n const scopeIds = new Set(findScopeIds(parent).filter(Boolean));\n if (scopeIds.size) {\n (_a = element.classList) == null ? void 0 : _a.add(...element[\"s-scs\"] = [...scopeIds]);\n if (element[\"s-ol\"] || iterateChildNodes) {\n for (const childNode of Array.from(element.childNodes)) {\n updateElementScopeIds(childNode, element, true);\n }\n }\n }\n }\n};\nvar renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {\n var _a, _b, _c, _d, _e;\n const hostElm = hostRef.$hostElement$;\n const cmpMeta = hostRef.$cmpMeta$;\n const oldVNode = hostRef.$vnode$ || newVNode(null, null);\n const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);\n hostTagName = hostElm.tagName;\n if (BUILD16.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {\n throw new Error(`The must be the single root component.\nLooks like the render() function of \"${hostTagName.toLowerCase()}\" is returning an array that contains the .\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n {content}\n );\n}\n `);\n }\n if (BUILD16.reflect && cmpMeta.$attrsToReflect$) {\n rootVnode.$attrs$ = rootVnode.$attrs$ || {};\n cmpMeta.$attrsToReflect$.map(\n ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]\n );\n }\n if (isInitialLoad && rootVnode.$attrs$) {\n for (const key of Object.keys(rootVnode.$attrs$)) {\n if (hostElm.hasAttribute(key) && ![\"key\", \"ref\", \"style\", \"class\"].includes(key)) {\n rootVnode.$attrs$[key] = hostElm[key];\n }\n }\n }\n rootVnode.$tag$ = null;\n rootVnode.$flags$ |= 4 /* isHost */;\n hostRef.$vnode$ = rootVnode;\n rootVnode.$elm$ = oldVNode.$elm$ = BUILD16.shadowDom ? hostElm.shadowRoot || hostElm : hostElm;\n if (BUILD16.scoped || BUILD16.shadowDom) {\n scopeId = hostElm[\"s-sc\"];\n }\n useNativeShadowDom = supportsShadow && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;\n if (BUILD16.slotRelocation) {\n contentRef = hostElm[\"s-cr\"];\n checkSlotFallbackVisibility = false;\n }\n patch(oldVNode, rootVnode, isInitialLoad);\n if (BUILD16.slotRelocation) {\n plt.$flags$ |= 1 /* isTmpDisconnected */;\n if (checkSlotRelocate) {\n markSlotContentForRelocation(rootVnode.$elm$);\n for (const relocateData of relocateNodes) {\n const nodeToRelocate = relocateData.$nodeToRelocate$;\n if (!nodeToRelocate[\"s-ol\"]) {\n const orgLocationNode = BUILD16.isDebug || BUILD16.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode(\"\");\n orgLocationNode[\"s-nr\"] = nodeToRelocate;\n insertBefore(nodeToRelocate.parentNode, nodeToRelocate[\"s-ol\"] = orgLocationNode, nodeToRelocate);\n }\n }\n for (const relocateData of relocateNodes) {\n const nodeToRelocate = relocateData.$nodeToRelocate$;\n const slotRefNode = relocateData.$slotRefNode$;\n if (slotRefNode) {\n const parentNodeRef = slotRefNode.parentNode;\n let insertBeforeNode = slotRefNode.nextSibling;\n if (!BUILD16.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {\n let orgLocationNode = (_a = nodeToRelocate[\"s-ol\"]) == null ? void 0 : _a.previousSibling;\n while (orgLocationNode) {\n let refNode = (_b = orgLocationNode[\"s-nr\"]) != null ? _b : null;\n if (refNode && refNode[\"s-sn\"] === nodeToRelocate[\"s-sn\"] && parentNodeRef === refNode.parentNode) {\n refNode = refNode.nextSibling;\n while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode[\"s-sr\"])) {\n refNode = refNode == null ? void 0 : refNode.nextSibling;\n }\n if (!refNode || !refNode[\"s-nr\"]) {\n insertBeforeNode = refNode;\n break;\n }\n }\n orgLocationNode = orgLocationNode.previousSibling;\n }\n }\n if (!insertBeforeNode && parentNodeRef !== nodeToRelocate.parentNode || nodeToRelocate.nextSibling !== insertBeforeNode) {\n if (nodeToRelocate !== insertBeforeNode) {\n if (!BUILD16.experimentalSlotFixes && !nodeToRelocate[\"s-hn\"] && nodeToRelocate[\"s-ol\"]) {\n nodeToRelocate[\"s-hn\"] = nodeToRelocate[\"s-ol\"].parentNode.nodeName;\n }\n insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);\n if (nodeToRelocate.nodeType === 1 /* ElementNode */) {\n nodeToRelocate.hidden = (_c = nodeToRelocate[\"s-ih\"]) != null ? _c : false;\n }\n }\n }\n nodeToRelocate && typeof slotRefNode[\"s-rf\"] === \"function\" && slotRefNode[\"s-rf\"](nodeToRelocate);\n } else {\n if (nodeToRelocate.nodeType === 1 /* ElementNode */) {\n if (isInitialLoad) {\n nodeToRelocate[\"s-ih\"] = (_d = nodeToRelocate.hidden) != null ? _d : false;\n }\n nodeToRelocate.hidden = true;\n }\n }\n }\n }\n if (checkSlotFallbackVisibility) {\n updateFallbackSlotVisibility(rootVnode.$elm$);\n }\n plt.$flags$ &= ~1 /* isTmpDisconnected */;\n relocateNodes.length = 0;\n }\n if (BUILD16.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n for (const childNode of rootVnode.$elm$.childNodes) {\n if (childNode[\"s-hn\"] !== hostTagName && !childNode[\"s-sh\"]) {\n if (isInitialLoad && childNode[\"s-ih\"] == null) {\n childNode[\"s-ih\"] = (_e = childNode.hidden) != null ? _e : false;\n }\n childNode.hidden = true;\n }\n }\n }\n contentRef = void 0;\n};\nvar slotReferenceDebugNode = (slotVNode) => doc.createComment(\n ` (host=${hostTagName.toLowerCase()})`\n);\nvar originalLocationDebugNode = (nodeToRelocate) => doc.createComment(\n `org-location for ` + (nodeToRelocate.localName ? `<${nodeToRelocate.localName}> (host=${nodeToRelocate[\"s-hn\"]})` : `[${nodeToRelocate.textContent}]`)\n);\n\n// src/runtime/update-component.ts\nvar attachToAncestor = (hostRef, ancestorComponent) => {\n if (BUILD17.asyncLoading && ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent[\"s-p\"]) {\n ancestorComponent[\"s-p\"].push(new Promise((r) => hostRef.$onRenderResolve$ = r));\n }\n};\nvar scheduleUpdate = (hostRef, isInitialLoad) => {\n if (BUILD17.taskQueue && BUILD17.updatable) {\n hostRef.$flags$ |= 16 /* isQueuedForUpdate */;\n }\n if (BUILD17.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {\n hostRef.$flags$ |= 512 /* needsRerender */;\n return;\n }\n attachToAncestor(hostRef, hostRef.$ancestorComponent$);\n const dispatch = () => dispatchHooks(hostRef, isInitialLoad);\n return BUILD17.taskQueue ? writeTask(dispatch) : dispatch();\n};\nvar dispatchHooks = (hostRef, isInitialLoad) => {\n const elm = hostRef.$hostElement$;\n const endSchedule = createTime(\"scheduleUpdate\", hostRef.$cmpMeta$.$tagName$);\n const instance = BUILD17.lazyLoad ? hostRef.$lazyInstance$ : elm;\n if (!instance) {\n throw new Error(\n `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \\`externalRuntime: true\\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`\n );\n }\n let maybePromise;\n if (isInitialLoad) {\n if (BUILD17.lazyLoad && BUILD17.hostListener) {\n hostRef.$flags$ |= 256 /* isListenReady */;\n if (hostRef.$queuedListeners$) {\n hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));\n hostRef.$queuedListeners$ = void 0;\n }\n }\n emitLifecycleEvent(elm, \"componentWillLoad\");\n if (BUILD17.cmpWillLoad) {\n maybePromise = safeCall(instance, \"componentWillLoad\");\n }\n } else {\n emitLifecycleEvent(elm, \"componentWillUpdate\");\n if (BUILD17.cmpWillUpdate) {\n maybePromise = safeCall(instance, \"componentWillUpdate\");\n }\n }\n emitLifecycleEvent(elm, \"componentWillRender\");\n if (BUILD17.cmpWillRender) {\n maybePromise = enqueue(maybePromise, () => safeCall(instance, \"componentWillRender\"));\n }\n endSchedule();\n return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));\n};\nvar enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {\n console.error(err2);\n fn();\n}) : fn();\nvar isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === \"function\";\nvar updateComponent = async (hostRef, instance, isInitialLoad) => {\n var _a;\n const elm = hostRef.$hostElement$;\n const endUpdate = createTime(\"update\", hostRef.$cmpMeta$.$tagName$);\n const rc = elm[\"s-rc\"];\n if (BUILD17.style && isInitialLoad) {\n attachStyles(hostRef);\n }\n const endRender = createTime(\"render\", hostRef.$cmpMeta$.$tagName$);\n if (BUILD17.isDev) {\n hostRef.$flags$ |= 1024 /* devOnRender */;\n }\n if (BUILD17.hydrateServerSide) {\n await callRender(hostRef, instance, elm, isInitialLoad);\n } else {\n callRender(hostRef, instance, elm, isInitialLoad);\n }\n if (BUILD17.isDev) {\n hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;\n hostRef.$flags$ &= ~1024 /* devOnRender */;\n }\n if (BUILD17.hydrateServerSide) {\n try {\n serverSideConnected(elm);\n if (isInitialLoad) {\n if (hostRef.$cmpMeta$.$flags$ & 1 /* shadowDomEncapsulation */) {\n elm[\"s-en\"] = \"\";\n } else if (hostRef.$cmpMeta$.$flags$ & 2 /* scopedCssEncapsulation */) {\n elm[\"s-en\"] = \"c\";\n }\n }\n } catch (e) {\n consoleError(e, elm);\n }\n }\n if (BUILD17.asyncLoading && rc) {\n rc.map((cb) => cb());\n elm[\"s-rc\"] = void 0;\n }\n endRender();\n endUpdate();\n if (BUILD17.asyncLoading) {\n const childrenPromises = (_a = elm[\"s-p\"]) != null ? _a : [];\n const postUpdate = () => postUpdateComponent(hostRef);\n if (childrenPromises.length === 0) {\n postUpdate();\n } else {\n Promise.all(childrenPromises).then(postUpdate);\n hostRef.$flags$ |= 4 /* isWaitingForChildren */;\n childrenPromises.length = 0;\n }\n } else {\n postUpdateComponent(hostRef);\n }\n};\nvar renderingRef = null;\nvar callRender = (hostRef, instance, elm, isInitialLoad) => {\n const allRenderFn = BUILD17.allRenderFn ? true : false;\n const lazyLoad = BUILD17.lazyLoad ? true : false;\n const taskQueue = BUILD17.taskQueue ? true : false;\n const updatable = BUILD17.updatable ? true : false;\n try {\n renderingRef = instance;\n instance = allRenderFn ? instance.render() : instance.render && instance.render();\n if (updatable && taskQueue) {\n hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;\n }\n if (updatable || lazyLoad) {\n hostRef.$flags$ |= 2 /* hasRendered */;\n }\n if (BUILD17.hasRenderFn || BUILD17.reflect) {\n if (BUILD17.vdomRender || BUILD17.reflect) {\n if (BUILD17.hydrateServerSide) {\n return Promise.resolve(instance).then((value) => renderVdom(hostRef, value, isInitialLoad));\n } else {\n renderVdom(hostRef, instance, isInitialLoad);\n }\n } else {\n const shadowRoot = elm.shadowRoot;\n if (hostRef.$cmpMeta$.$flags$ & 1 /* shadowDomEncapsulation */) {\n shadowRoot.textContent = instance;\n } else {\n elm.textContent = instance;\n }\n }\n }\n } catch (e) {\n consoleError(e, hostRef.$hostElement$);\n }\n renderingRef = null;\n return null;\n};\nvar getRenderingRef = () => renderingRef;\nvar postUpdateComponent = (hostRef) => {\n const tagName = hostRef.$cmpMeta$.$tagName$;\n const elm = hostRef.$hostElement$;\n const endPostUpdate = createTime(\"postUpdate\", tagName);\n const instance = BUILD17.lazyLoad ? hostRef.$lazyInstance$ : elm;\n const ancestorComponent = hostRef.$ancestorComponent$;\n if (BUILD17.cmpDidRender) {\n if (BUILD17.isDev) {\n hostRef.$flags$ |= 1024 /* devOnRender */;\n }\n safeCall(instance, \"componentDidRender\");\n if (BUILD17.isDev) {\n hostRef.$flags$ &= ~1024 /* devOnRender */;\n }\n }\n emitLifecycleEvent(elm, \"componentDidRender\");\n if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {\n hostRef.$flags$ |= 64 /* hasLoadedComponent */;\n if (BUILD17.asyncLoading && BUILD17.cssAnnotations) {\n addHydratedFlag(elm);\n }\n if (BUILD17.cmpDidLoad) {\n if (BUILD17.isDev) {\n hostRef.$flags$ |= 2048 /* devOnDidLoad */;\n }\n safeCall(instance, \"componentDidLoad\");\n if (BUILD17.isDev) {\n hostRef.$flags$ &= ~2048 /* devOnDidLoad */;\n }\n }\n emitLifecycleEvent(elm, \"componentDidLoad\");\n endPostUpdate();\n if (BUILD17.asyncLoading) {\n hostRef.$onReadyResolve$(elm);\n if (!ancestorComponent) {\n appDidLoad(tagName);\n }\n }\n } else {\n if (BUILD17.cmpDidUpdate) {\n if (BUILD17.isDev) {\n hostRef.$flags$ |= 1024 /* devOnRender */;\n }\n safeCall(instance, \"componentDidUpdate\");\n if (BUILD17.isDev) {\n hostRef.$flags$ &= ~1024 /* devOnRender */;\n }\n }\n emitLifecycleEvent(elm, \"componentDidUpdate\");\n endPostUpdate();\n }\n if (BUILD17.method && BUILD17.lazyLoad) {\n hostRef.$onInstanceResolve$(elm);\n }\n if (BUILD17.asyncLoading) {\n if (hostRef.$onRenderResolve$) {\n hostRef.$onRenderResolve$();\n hostRef.$onRenderResolve$ = void 0;\n }\n if (hostRef.$flags$ & 512 /* needsRerender */) {\n nextTick(() => scheduleUpdate(hostRef, false));\n }\n hostRef.$flags$ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);\n }\n};\nvar forceUpdate = (ref) => {\n if (BUILD17.updatable && (Build.isBrowser || Build.isTesting)) {\n const hostRef = getHostRef(ref);\n const isConnected = hostRef.$hostElement$.isConnected;\n if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {\n scheduleUpdate(hostRef, false);\n }\n return isConnected;\n }\n return false;\n};\nvar appDidLoad = (who) => {\n if (BUILD17.cssAnnotations) {\n addHydratedFlag(doc.documentElement);\n }\n if (BUILD17.asyncQueue) {\n plt.$flags$ |= 2 /* appLoaded */;\n }\n nextTick(() => emitEvent(win, \"appload\", { detail: { namespace: NAMESPACE } }));\n if (BUILD17.profile && performance.measure) {\n performance.measure(`[Stencil] ${NAMESPACE} initial load (by ${who})`, \"st:app:start\");\n }\n};\nvar safeCall = (instance, method, arg) => {\n if (instance && instance[method]) {\n try {\n return instance[method](arg);\n } catch (e) {\n consoleError(e);\n }\n }\n return void 0;\n};\nvar emitLifecycleEvent = (elm, lifecycleName) => {\n if (BUILD17.lifecycleDOMEvents) {\n emitEvent(elm, \"stencil_\" + lifecycleName, {\n bubbles: true,\n composed: true,\n detail: {\n namespace: NAMESPACE\n }\n });\n }\n};\nvar addHydratedFlag = (elm) => {\n var _a, _b;\n return BUILD17.hydratedClass ? elm.classList.add((_a = BUILD17.hydratedSelectorName) != null ? _a : \"hydrated\") : BUILD17.hydratedAttribute ? elm.setAttribute((_b = BUILD17.hydratedSelectorName) != null ? _b : \"hydrated\", \"\") : void 0;\n};\nvar serverSideConnected = (elm) => {\n const children = elm.children;\n if (children != null) {\n for (let i2 = 0, ii = children.length; i2 < ii; i2++) {\n const childElm = children[i2];\n if (typeof childElm.connectedCallback === \"function\") {\n childElm.connectedCallback();\n }\n serverSideConnected(childElm);\n }\n }\n};\n\n// src/runtime/set-value.ts\nvar getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);\nvar setValue = (ref, propName, newVal, cmpMeta) => {\n const hostRef = getHostRef(ref);\n if (BUILD18.lazyLoad && !hostRef) {\n throw new Error(\n `Couldn't find host element for \"${cmpMeta.$tagName$}\" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`\n );\n }\n const elm = BUILD18.lazyLoad ? hostRef.$hostElement$ : ref;\n const oldVal = hostRef.$instanceValues$.get(propName);\n const flags = hostRef.$flags$;\n const instance = BUILD18.lazyLoad ? hostRef.$lazyInstance$ : elm;\n newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);\n const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);\n const didValueChange = newVal !== oldVal && !areBothNaN;\n if ((!BUILD18.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {\n hostRef.$instanceValues$.set(propName, newVal);\n if (BUILD18.isDev) {\n if (hostRef.$flags$ & 1024 /* devOnRender */) {\n consoleDevWarn(\n `The state/prop \"${propName}\" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,\n \"\\nElement\",\n elm,\n \"\\nNew value\",\n newVal,\n \"\\nOld value\",\n oldVal\n );\n } else if (hostRef.$flags$ & 2048 /* devOnDidLoad */) {\n consoleDevWarn(\n `The state/prop \"${propName}\" changed during \"componentDidLoad()\", this triggers extra re-renders, try to setup on \"componentWillLoad()\"`,\n \"\\nElement\",\n elm,\n \"\\nNew value\",\n newVal,\n \"\\nOld value\",\n oldVal\n );\n }\n }\n if (!BUILD18.lazyLoad || instance) {\n if (BUILD18.watchCallback && cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {\n const watchMethods = cmpMeta.$watchers$[propName];\n if (watchMethods) {\n watchMethods.map((watchMethodName) => {\n try {\n instance[watchMethodName](newVal, oldVal, propName);\n } catch (e) {\n consoleError(e, elm);\n }\n });\n }\n }\n if (BUILD18.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {\n if (BUILD18.cmpShouldUpdate && instance.componentShouldUpdate) {\n if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {\n return;\n }\n }\n scheduleUpdate(hostRef, false);\n }\n }\n }\n};\n\n// src/runtime/proxy-component.ts\nvar proxyComponent = (Cstr, cmpMeta, flags) => {\n var _a, _b;\n const prototype = Cstr.prototype;\n if (BUILD19.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {\n FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(\n (cbName) => Object.defineProperty(prototype, cbName, {\n value(...args) {\n const hostRef = getHostRef(this);\n const elm = BUILD19.lazyLoad ? hostRef.$hostElement$ : this;\n const instance = BUILD19.lazyLoad ? hostRef.$lazyInstance$ : elm;\n if (!instance) {\n hostRef.$onReadyPromise$.then((instance2) => {\n const cb = instance2[cbName];\n typeof cb === \"function\" && cb.call(instance2, ...args);\n });\n } else {\n const cb = instance[cbName];\n typeof cb === \"function\" && cb.call(instance, ...args);\n }\n }\n })\n );\n }\n if (BUILD19.member && cmpMeta.$members$ || BUILD19.watchCallback && (cmpMeta.$watchers$ || Cstr.watchers)) {\n if (BUILD19.watchCallback && Cstr.watchers && !cmpMeta.$watchers$) {\n cmpMeta.$watchers$ = Cstr.watchers;\n }\n const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});\n members.map(([memberName, [memberFlags]]) => {\n if ((BUILD19.prop || BUILD19.state) && (memberFlags & 31 /* Prop */ || (!BUILD19.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {\n Object.defineProperty(prototype, memberName, {\n get() {\n return getValue(this, memberName);\n },\n set(newValue) {\n if (BUILD19.isDev) {\n const ref = getHostRef(this);\n if (\n // we are proxying the instance (not element)\n (flags & 1 /* isElementConstructor */) === 0 && // the element is not constructing\n (ref && ref.$flags$ & 8 /* isConstructingInstance */) === 0 && // the member is a prop\n (memberFlags & 31 /* Prop */) !== 0 && // the member is not mutable\n (memberFlags & 1024 /* Mutable */) === 0\n ) {\n consoleDevWarn(\n `@Prop() \"${memberName}\" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`\n );\n }\n }\n setValue(this, memberName, newValue, cmpMeta);\n },\n configurable: true,\n enumerable: true\n });\n } else if (BUILD19.lazyLoad && BUILD19.method && flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {\n Object.defineProperty(prototype, memberName, {\n value(...args) {\n var _a2;\n const ref = getHostRef(this);\n return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {\n var _a3;\n return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);\n });\n }\n });\n }\n });\n if (BUILD19.observeAttribute && (!BUILD19.lazyLoad || flags & 1 /* isElementConstructor */)) {\n const attrNameToPropName = /* @__PURE__ */ new Map();\n prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {\n plt.jmp(() => {\n var _a2;\n const propName = attrNameToPropName.get(attrName);\n if (this.hasOwnProperty(propName)) {\n newValue = this[propName];\n delete this[propName];\n } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === \"number\" && // cast type to number to avoid TS compiler issues\n this[propName] == newValue) {\n return;\n } else if (propName == null) {\n const hostRef = getHostRef(this);\n const flags2 = hostRef == null ? void 0 : hostRef.$flags$;\n if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {\n const elm = BUILD19.lazyLoad ? hostRef.$hostElement$ : this;\n const instance = BUILD19.lazyLoad ? hostRef.$lazyInstance$ : elm;\n const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];\n entry == null ? void 0 : entry.forEach((callbackName) => {\n if (instance[callbackName] != null) {\n instance[callbackName].call(instance, newValue, oldValue, attrName);\n }\n });\n }\n return;\n }\n this[propName] = newValue === null && typeof this[propName] === \"boolean\" ? false : newValue;\n });\n };\n Cstr.observedAttributes = Array.from(\n /* @__PURE__ */ new Set([\n ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),\n ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {\n var _a2;\n const attrName = m[1] || propName;\n attrNameToPropName.set(attrName, propName);\n if (BUILD19.reflect && m[0] & 512 /* ReflectAttr */) {\n (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);\n }\n return attrName;\n })\n ])\n );\n }\n }\n return Cstr;\n};\n\n// src/runtime/initialize-component.ts\nvar initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {\n let Cstr;\n if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {\n hostRef.$flags$ |= 32 /* hasInitializedComponent */;\n const bundleId = cmpMeta.$lazyBundleId$;\n if ((BUILD20.lazyLoad || BUILD20.hydrateClientSide) && bundleId) {\n const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);\n if (CstrImport && \"then\" in CstrImport) {\n const endLoad = uniqueTime(\n `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,\n `[Stencil] Load module for <${cmpMeta.$tagName$}>`\n );\n Cstr = await CstrImport;\n endLoad();\n } else {\n Cstr = CstrImport;\n }\n if (!Cstr) {\n throw new Error(`Constructor for \"${cmpMeta.$tagName$}#${hostRef.$modeName$}\" was not found`);\n }\n if (BUILD20.member && !Cstr.isProxied) {\n if (BUILD20.watchCallback) {\n cmpMeta.$watchers$ = Cstr.watchers;\n }\n proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);\n Cstr.isProxied = true;\n }\n const endNewInstance = createTime(\"createInstance\", cmpMeta.$tagName$);\n if (BUILD20.member) {\n hostRef.$flags$ |= 8 /* isConstructingInstance */;\n }\n try {\n new Cstr(hostRef);\n } catch (e) {\n consoleError(e);\n }\n if (BUILD20.member) {\n hostRef.$flags$ &= ~8 /* isConstructingInstance */;\n }\n if (BUILD20.watchCallback) {\n hostRef.$flags$ |= 128 /* isWatchReady */;\n }\n endNewInstance();\n fireConnectedCallback(hostRef.$lazyInstance$);\n } else {\n Cstr = elm.constructor;\n const cmpTag = elm.localName;\n customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);\n }\n if (BUILD20.style && Cstr && Cstr.style) {\n let style;\n if (typeof Cstr.style === \"string\") {\n style = Cstr.style;\n } else if (BUILD20.mode && typeof Cstr.style !== \"string\") {\n hostRef.$modeName$ = computeMode(elm);\n if (hostRef.$modeName$) {\n style = Cstr.style[hostRef.$modeName$];\n }\n if (BUILD20.hydrateServerSide && hostRef.$modeName$) {\n elm.setAttribute(\"s-mode\", hostRef.$modeName$);\n }\n }\n const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);\n if (!styles.has(scopeId2)) {\n const endRegisterStyles = createTime(\"registerStyles\", cmpMeta.$tagName$);\n if (!BUILD20.hydrateServerSide && BUILD20.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n BUILD20.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {\n style = await import(\"./shadow-css.js\").then((m) => m.scopeCss(style, scopeId2));\n }\n registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));\n endRegisterStyles();\n }\n }\n }\n const ancestorComponent = hostRef.$ancestorComponent$;\n const schedule = () => scheduleUpdate(hostRef, true);\n if (BUILD20.asyncLoading && ancestorComponent && ancestorComponent[\"s-rc\"]) {\n ancestorComponent[\"s-rc\"].push(schedule);\n } else {\n schedule();\n }\n};\nvar fireConnectedCallback = (instance) => {\n if (BUILD20.lazyLoad && BUILD20.connectedCallback) {\n safeCall(instance, \"connectedCallback\");\n }\n};\n\n// src/runtime/connected-callback.ts\nvar connectedCallback = (elm) => {\n if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {\n const hostRef = getHostRef(elm);\n const cmpMeta = hostRef.$cmpMeta$;\n const endConnected = createTime(\"connectedCallback\", cmpMeta.$tagName$);\n if (BUILD21.hostListenerTargetParent) {\n addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, true);\n }\n if (!(hostRef.$flags$ & 1 /* hasConnected */)) {\n hostRef.$flags$ |= 1 /* hasConnected */;\n let hostId;\n if (BUILD21.hydrateClientSide) {\n hostId = elm.getAttribute(HYDRATE_ID);\n if (hostId) {\n if (BUILD21.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {\n const scopeId2 = BUILD21.mode ? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute(\"s-mode\")) : addStyle(elm.shadowRoot, cmpMeta);\n elm.classList.remove(scopeId2 + \"-h\", scopeId2 + \"-s\");\n }\n initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);\n }\n }\n if (BUILD21.slotRelocation && !hostId) {\n if (BUILD21.hydrateServerSide || (BUILD21.slot || BUILD21.shadowDom) && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {\n setContentReference(elm);\n }\n }\n if (BUILD21.asyncLoading) {\n let ancestorComponent = elm;\n while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {\n if (BUILD21.hydrateClientSide && ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute(\"s-id\") && ancestorComponent[\"s-p\"] || ancestorComponent[\"s-p\"]) {\n attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);\n break;\n }\n }\n }\n if (BUILD21.prop && !BUILD21.hydrateServerSide && cmpMeta.$members$) {\n Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {\n if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {\n const value = elm[memberName];\n delete elm[memberName];\n elm[memberName] = value;\n }\n });\n }\n if (BUILD21.initializeNextTick) {\n nextTick(() => initializeComponent(elm, hostRef, cmpMeta));\n } else {\n initializeComponent(elm, hostRef, cmpMeta);\n }\n } else {\n addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);\n if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {\n fireConnectedCallback(hostRef.$lazyInstance$);\n } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {\n hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));\n }\n }\n endConnected();\n }\n};\nvar setContentReference = (elm) => {\n const contentRefElm = elm[\"s-cr\"] = doc.createComment(\n BUILD21.isDebug ? `content-ref (host=${elm.localName})` : \"\"\n );\n contentRefElm[\"s-cn\"] = true;\n insertBefore(elm, contentRefElm, elm.firstChild);\n};\n\n// src/runtime/disconnected-callback.ts\nimport { BUILD as BUILD22 } from \"@stencil/core/internal/app-data\";\nvar disconnectInstance = (instance) => {\n if (BUILD22.lazyLoad && BUILD22.disconnectedCallback) {\n safeCall(instance, \"disconnectedCallback\");\n }\n if (BUILD22.cmpDidUnload) {\n safeCall(instance, \"componentDidUnload\");\n }\n};\nvar disconnectedCallback = async (elm) => {\n if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {\n const hostRef = getHostRef(elm);\n if (BUILD22.hostListener) {\n if (hostRef.$rmListeners$) {\n hostRef.$rmListeners$.map((rmListener) => rmListener());\n hostRef.$rmListeners$ = void 0;\n }\n }\n if (!BUILD22.lazyLoad) {\n disconnectInstance(elm);\n } else if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {\n disconnectInstance(hostRef.$lazyInstance$);\n } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {\n hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));\n }\n }\n};\n\n// src/runtime/dom-extras.ts\nimport { BUILD as BUILD23 } from \"@stencil/core/internal/app-data\";\nvar patchPseudoShadowDom = (hostElementPrototype, descriptorPrototype) => {\n patchCloneNode(hostElementPrototype);\n patchSlotAppendChild(hostElementPrototype);\n patchSlotAppend(hostElementPrototype);\n patchSlotPrepend(hostElementPrototype);\n patchSlotInsertAdjacentElement(hostElementPrototype);\n patchSlotInsertAdjacentHTML(hostElementPrototype);\n patchSlotInsertAdjacentText(hostElementPrototype);\n patchTextContent(hostElementPrototype);\n patchChildSlotNodes(hostElementPrototype, descriptorPrototype);\n patchSlotRemoveChild(hostElementPrototype);\n};\nvar patchCloneNode = (HostElementPrototype) => {\n const orgCloneNode = HostElementPrototype.cloneNode;\n HostElementPrototype.cloneNode = function(deep) {\n const srcNode = this;\n const isShadowDom = BUILD23.shadowDom ? srcNode.shadowRoot && supportsShadow : false;\n const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);\n if (BUILD23.slot && !isShadowDom && deep) {\n let i2 = 0;\n let slotted, nonStencilNode;\n const stencilPrivates = [\n \"s-id\",\n \"s-cr\",\n \"s-lr\",\n \"s-rc\",\n \"s-sc\",\n \"s-p\",\n \"s-cn\",\n \"s-sr\",\n \"s-sn\",\n \"s-hn\",\n \"s-ol\",\n \"s-nr\",\n \"s-si\",\n \"s-rf\",\n \"s-scs\"\n ];\n for (; i2 < srcNode.childNodes.length; i2++) {\n slotted = srcNode.childNodes[i2][\"s-nr\"];\n nonStencilNode = stencilPrivates.every((privateField) => !srcNode.childNodes[i2][privateField]);\n if (slotted) {\n if (BUILD23.appendChildSlotFix && clonedNode.__appendChild) {\n clonedNode.__appendChild(slotted.cloneNode(true));\n } else {\n clonedNode.appendChild(slotted.cloneNode(true));\n }\n }\n if (nonStencilNode) {\n clonedNode.appendChild(srcNode.childNodes[i2].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nvar patchSlotAppendChild = (HostElementPrototype) => {\n HostElementPrototype.__appendChild = HostElementPrototype.appendChild;\n HostElementPrototype.appendChild = function(newChild) {\n const slotName = newChild[\"s-sn\"] = getSlotName(newChild);\n const slotNode = getHostSlotNode(this.childNodes, slotName, this.tagName);\n if (slotNode) {\n const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);\n const appendAfter = slotChildNodes[slotChildNodes.length - 1];\n const insertedNode = insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);\n updateFallbackSlotVisibility(this);\n return insertedNode;\n }\n return this.__appendChild(newChild);\n };\n};\nvar patchSlotRemoveChild = (ElementPrototype) => {\n ElementPrototype.__removeChild = ElementPrototype.removeChild;\n ElementPrototype.removeChild = function(toRemove) {\n if (toRemove && typeof toRemove[\"s-sn\"] !== \"undefined\") {\n const slotNode = getHostSlotNode(this.childNodes, toRemove[\"s-sn\"], this.tagName);\n if (slotNode) {\n const slotChildNodes = getHostSlotChildNodes(slotNode, toRemove[\"s-sn\"]);\n const existingNode = slotChildNodes.find((n) => n === toRemove);\n if (existingNode) {\n existingNode.remove();\n updateFallbackSlotVisibility(this);\n return;\n }\n }\n }\n return this.__removeChild(toRemove);\n };\n};\nvar patchSlotPrepend = (HostElementPrototype) => {\n const originalPrepend = HostElementPrototype.prepend;\n HostElementPrototype.prepend = function(...newChildren) {\n newChildren.forEach((newChild) => {\n if (typeof newChild === \"string\") {\n newChild = this.ownerDocument.createTextNode(newChild);\n }\n const slotName = newChild[\"s-sn\"] = getSlotName(newChild);\n const slotNode = getHostSlotNode(this.childNodes, slotName, this.tagName);\n if (slotNode) {\n const slotPlaceholder = document.createTextNode(\"\");\n slotPlaceholder[\"s-nr\"] = newChild;\n slotNode[\"s-cr\"].parentNode.__appendChild(slotPlaceholder);\n newChild[\"s-ol\"] = slotPlaceholder;\n const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);\n const appendAfter = slotChildNodes[0];\n return insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);\n }\n if (newChild.nodeType === 1 && !!newChild.getAttribute(\"slot\")) {\n newChild.hidden = true;\n }\n return originalPrepend.call(this, newChild);\n });\n };\n};\nvar patchSlotAppend = (HostElementPrototype) => {\n HostElementPrototype.append = function(...newChildren) {\n newChildren.forEach((newChild) => {\n if (typeof newChild === \"string\") {\n newChild = this.ownerDocument.createTextNode(newChild);\n }\n this.appendChild(newChild);\n });\n };\n};\nvar patchSlotInsertAdjacentHTML = (HostElementPrototype) => {\n const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;\n HostElementPrototype.insertAdjacentHTML = function(position, text) {\n if (position !== \"afterbegin\" && position !== \"beforeend\") {\n return originalInsertAdjacentHtml.call(this, position, text);\n }\n const container = this.ownerDocument.createElement(\"_\");\n let node;\n container.innerHTML = text;\n if (position === \"afterbegin\") {\n while (node = container.firstChild) {\n this.prepend(node);\n }\n } else if (position === \"beforeend\") {\n while (node = container.firstChild) {\n this.append(node);\n }\n }\n };\n};\nvar patchSlotInsertAdjacentText = (HostElementPrototype) => {\n HostElementPrototype.insertAdjacentText = function(position, text) {\n this.insertAdjacentHTML(position, text);\n };\n};\nvar patchSlotInsertAdjacentElement = (HostElementPrototype) => {\n const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;\n HostElementPrototype.insertAdjacentElement = function(position, element) {\n if (position !== \"afterbegin\" && position !== \"beforeend\") {\n return originalInsertAdjacentElement.call(this, position, element);\n }\n if (position === \"afterbegin\") {\n this.prepend(element);\n return element;\n } else if (position === \"beforeend\") {\n this.append(element);\n return element;\n }\n return element;\n };\n};\nvar patchTextContent = (hostElementPrototype) => {\n const descriptor = Object.getOwnPropertyDescriptor(Node.prototype, \"textContent\");\n Object.defineProperty(hostElementPrototype, \"__textContent\", descriptor);\n if (BUILD23.experimentalScopedSlotChanges) {\n Object.defineProperty(hostElementPrototype, \"textContent\", {\n // To mimic shadow root behavior, we need to return the text content of all\n // nodes in a slot reference node\n get() {\n const slotRefNodes = getAllChildSlotNodes(this.childNodes);\n const textContent = slotRefNodes.map((node) => {\n var _a, _b;\n const text = [];\n let slotContent = node.nextSibling;\n while (slotContent && slotContent[\"s-sn\"] === node[\"s-sn\"]) {\n if (slotContent.nodeType === 3 /* TEXT_NODE */ || slotContent.nodeType === 1 /* ELEMENT_NODE */) {\n text.push((_b = (_a = slotContent.textContent) == null ? void 0 : _a.trim()) != null ? _b : \"\");\n }\n slotContent = slotContent.nextSibling;\n }\n return text.filter((ref) => ref !== \"\").join(\" \");\n }).filter((text) => text !== \"\").join(\" \");\n return \" \" + textContent + \" \";\n },\n // To mimic shadow root behavior, we need to overwrite all nodes in a slot\n // reference node. If a default slot reference node exists, the text content will be\n // placed there. Otherwise, the new text node will be hidden\n set(value) {\n const slotRefNodes = getAllChildSlotNodes(this.childNodes);\n slotRefNodes.forEach((node) => {\n let slotContent = node.nextSibling;\n while (slotContent && slotContent[\"s-sn\"] === node[\"s-sn\"]) {\n const tmp = slotContent;\n slotContent = slotContent.nextSibling;\n tmp.remove();\n }\n if (node[\"s-sn\"] === \"\") {\n const textNode = this.ownerDocument.createTextNode(value);\n textNode[\"s-sn\"] = \"\";\n insertBefore(node.parentElement, textNode, node.nextSibling);\n } else {\n node.remove();\n }\n });\n }\n });\n } else {\n Object.defineProperty(hostElementPrototype, \"textContent\", {\n get() {\n var _a;\n const slotNode = getHostSlotNode(this.childNodes, \"\", this.tagName);\n if (((_a = slotNode == null ? void 0 : slotNode.nextSibling) == null ? void 0 : _a.nodeType) === 3 /* TEXT_NODE */) {\n return slotNode.nextSibling.textContent;\n } else if (slotNode) {\n return slotNode.textContent;\n } else {\n return this.__textContent;\n }\n },\n set(value) {\n var _a;\n const slotNode = getHostSlotNode(this.childNodes, \"\", this.tagName);\n if (((_a = slotNode == null ? void 0 : slotNode.nextSibling) == null ? void 0 : _a.nodeType) === 3 /* TEXT_NODE */) {\n slotNode.nextSibling.textContent = value;\n } else if (slotNode) {\n slotNode.textContent = value;\n } else {\n this.__textContent = value;\n const contentRefElm = this[\"s-cr\"];\n if (contentRefElm) {\n insertBefore(this, contentRefElm, this.firstChild);\n }\n }\n }\n });\n }\n};\nvar patchChildSlotNodes = (elm, cmpMeta) => {\n class FakeNodeList extends Array {\n item(n) {\n return this[n];\n }\n }\n if (cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {\n const childNodesFn = elm.__lookupGetter__(\"childNodes\");\n Object.defineProperty(elm, \"children\", {\n get() {\n return this.childNodes.map((n) => n.nodeType === 1);\n }\n });\n Object.defineProperty(elm, \"childElementCount\", {\n get() {\n return elm.children.length;\n }\n });\n Object.defineProperty(elm, \"childNodes\", {\n get() {\n const childNodes = childNodesFn.call(this);\n if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0 && getHostRef(this).$flags$ & 2 /* hasRendered */) {\n const result = new FakeNodeList();\n for (let i2 = 0; i2 < childNodes.length; i2++) {\n const slot = childNodes[i2][\"s-nr\"];\n if (slot) {\n result.push(slot);\n }\n }\n return result;\n }\n return FakeNodeList.from(childNodes);\n }\n });\n }\n};\nvar getAllChildSlotNodes = (childNodes) => {\n const slotRefNodes = [];\n for (const childNode of Array.from(childNodes)) {\n if (childNode[\"s-sr\"]) {\n slotRefNodes.push(childNode);\n }\n slotRefNodes.push(...getAllChildSlotNodes(childNode.childNodes));\n }\n return slotRefNodes;\n};\nvar getSlotName = (node) => node[\"s-sn\"] || node.nodeType === 1 && node.getAttribute(\"slot\") || \"\";\nvar getHostSlotNode = (childNodes, slotName, hostName) => {\n let i2 = 0;\n let childNode;\n for (; i2 < childNodes.length; i2++) {\n childNode = childNodes[i2];\n if (childNode[\"s-sr\"] && childNode[\"s-sn\"] === slotName && childNode[\"s-hn\"] === hostName) {\n return childNode;\n }\n childNode = getHostSlotNode(childNode.childNodes, slotName, hostName);\n if (childNode) {\n return childNode;\n }\n }\n return null;\n};\nvar getHostSlotChildNodes = (n, slotName) => {\n const childNodes = [n];\n while ((n = n.nextSibling) && n[\"s-sn\"] === slotName) {\n childNodes.push(n);\n }\n return childNodes;\n};\n\n// src/runtime/bootstrap-custom-element.ts\nvar defineCustomElement = (Cstr, compactMeta) => {\n customElements.define(compactMeta[1], proxyCustomElement(Cstr, compactMeta));\n};\nvar proxyCustomElement = (Cstr, compactMeta) => {\n const cmpMeta = {\n $flags$: compactMeta[0],\n $tagName$: compactMeta[1]\n };\n if (BUILD24.member) {\n cmpMeta.$members$ = compactMeta[2];\n }\n if (BUILD24.hostListener) {\n cmpMeta.$listeners$ = compactMeta[3];\n }\n if (BUILD24.watchCallback) {\n cmpMeta.$watchers$ = Cstr.$watchers$;\n }\n if (BUILD24.reflect) {\n cmpMeta.$attrsToReflect$ = [];\n }\n if (BUILD24.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {\n cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;\n }\n if (BUILD24.experimentalSlotFixes) {\n if (BUILD24.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n patchPseudoShadowDom(Cstr.prototype, cmpMeta);\n }\n } else {\n if (BUILD24.slotChildNodesFix) {\n patchChildSlotNodes(Cstr.prototype, cmpMeta);\n }\n if (BUILD24.cloneNodeFix) {\n patchCloneNode(Cstr.prototype);\n }\n if (BUILD24.appendChildSlotFix) {\n patchSlotAppendChild(Cstr.prototype);\n }\n if (BUILD24.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n patchTextContent(Cstr.prototype);\n }\n }\n const originalConnectedCallback = Cstr.prototype.connectedCallback;\n const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;\n Object.assign(Cstr.prototype, {\n __registerHost() {\n registerHost(this, cmpMeta);\n },\n connectedCallback() {\n const hostRef = getHostRef(this);\n addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);\n connectedCallback(this);\n if (BUILD24.connectedCallback && originalConnectedCallback) {\n originalConnectedCallback.call(this);\n }\n },\n disconnectedCallback() {\n disconnectedCallback(this);\n if (BUILD24.disconnectedCallback && originalDisconnectedCallback) {\n originalDisconnectedCallback.call(this);\n }\n },\n __attachShadow() {\n if (supportsShadow) {\n if (!this.shadowRoot) {\n if (BUILD24.shadowDelegatesFocus) {\n this.attachShadow({\n mode: \"open\",\n delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)\n });\n } else {\n this.attachShadow({ mode: \"open\" });\n }\n } else {\n if (this.shadowRoot.mode !== \"open\") {\n throw new Error(\n `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`\n );\n }\n }\n } else {\n this.shadowRoot = this;\n }\n }\n });\n Cstr.is = cmpMeta.$tagName$;\n return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);\n};\nvar forceModeUpdate = (elm) => {\n if (BUILD24.style && BUILD24.mode && !BUILD24.lazyLoad) {\n const mode = computeMode(elm);\n const hostRef = getHostRef(elm);\n if (hostRef.$modeName$ !== mode) {\n const cmpMeta = hostRef.$cmpMeta$;\n const oldScopeId = elm[\"s-sc\"];\n const scopeId2 = getScopeId(cmpMeta, mode);\n const style = elm.constructor.style[mode];\n const flags = cmpMeta.$flags$;\n if (style) {\n if (!styles.has(scopeId2)) {\n registerStyle(scopeId2, style, !!(flags & 1 /* shadowDomEncapsulation */));\n }\n hostRef.$modeName$ = mode;\n elm.classList.remove(oldScopeId + \"-h\", oldScopeId + \"-s\");\n attachStyles(hostRef);\n forceUpdate(elm);\n }\n }\n }\n};\n\n// src/runtime/bootstrap-lazy.ts\nimport { BUILD as BUILD25 } from \"@stencil/core/internal/app-data\";\n\n// src/runtime/hmr-component.ts\nvar hmrStart = (hostElement, cmpMeta, hmrVersionId) => {\n const hostRef = getHostRef(hostElement);\n hostRef.$flags$ = 1 /* hasConnected */;\n initializeComponent(hostElement, hostRef, cmpMeta, hmrVersionId);\n};\n\n// src/runtime/bootstrap-lazy.ts\nvar bootstrapLazy = (lazyBundles, options = {}) => {\n var _a;\n if (BUILD25.profile && performance.mark) {\n performance.mark(\"st:app:start\");\n }\n installDevTools();\n const endBootstrap = createTime(\"bootstrapLazy\");\n const cmpTags = [];\n const exclude = options.exclude || [];\n const customElements2 = win.customElements;\n const head = doc.head;\n const metaCharset = /* @__PURE__ */ head.querySelector(\"meta[charset]\");\n const dataStyles = /* @__PURE__ */ doc.createElement(\"style\");\n const deferredConnectedCallbacks = [];\n let appLoadFallback;\n let isBootstrapping = true;\n Object.assign(plt, options);\n plt.$resourcesUrl$ = new URL(options.resourcesUrl || \"./\", doc.baseURI).href;\n if (BUILD25.asyncQueue) {\n if (options.syncQueue) {\n plt.$flags$ |= 4 /* queueSync */;\n }\n }\n if (BUILD25.hydrateClientSide) {\n plt.$flags$ |= 2 /* appLoaded */;\n }\n let hasSlotRelocation = false;\n lazyBundles.map((lazyBundle) => {\n lazyBundle[1].map((compactMeta) => {\n var _a2;\n const cmpMeta = {\n $flags$: compactMeta[0],\n $tagName$: compactMeta[1],\n $members$: compactMeta[2],\n $listeners$: compactMeta[3]\n };\n if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {\n hasSlotRelocation = true;\n }\n if (BUILD25.member) {\n cmpMeta.$members$ = compactMeta[2];\n }\n if (BUILD25.hostListener) {\n cmpMeta.$listeners$ = compactMeta[3];\n }\n if (BUILD25.reflect) {\n cmpMeta.$attrsToReflect$ = [];\n }\n if (BUILD25.watchCallback) {\n cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};\n }\n if (BUILD25.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {\n cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;\n }\n const tagName = BUILD25.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : cmpMeta.$tagName$;\n const HostElement = class extends HTMLElement {\n // StencilLazyHost\n constructor(self) {\n super(self);\n this.hasRegisteredEventListeners = false;\n self = this;\n registerHost(self, cmpMeta);\n if (BUILD25.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {\n if (supportsShadow) {\n if (!self.shadowRoot) {\n if (BUILD25.shadowDelegatesFocus) {\n self.attachShadow({\n mode: \"open\",\n delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)\n });\n } else {\n self.attachShadow({ mode: \"open\" });\n }\n } else {\n if (self.shadowRoot.mode !== \"open\") {\n throw new Error(\n `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`\n );\n }\n }\n } else if (!BUILD25.hydrateServerSide && !(\"shadowRoot\" in self)) {\n self.shadowRoot = self;\n }\n }\n }\n connectedCallback() {\n const hostRef = getHostRef(this);\n if (!this.hasRegisteredEventListeners) {\n this.hasRegisteredEventListeners = true;\n addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);\n }\n if (appLoadFallback) {\n clearTimeout(appLoadFallback);\n appLoadFallback = null;\n }\n if (isBootstrapping) {\n deferredConnectedCallbacks.push(this);\n } else {\n plt.jmp(() => connectedCallback(this));\n }\n }\n disconnectedCallback() {\n plt.jmp(() => disconnectedCallback(this));\n }\n componentOnReady() {\n return getHostRef(this).$onReadyPromise$;\n }\n };\n if (BUILD25.experimentalSlotFixes) {\n if (BUILD25.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n patchPseudoShadowDom(HostElement.prototype, cmpMeta);\n }\n } else {\n if (BUILD25.slotChildNodesFix) {\n patchChildSlotNodes(HostElement.prototype, cmpMeta);\n }\n if (BUILD25.cloneNodeFix) {\n patchCloneNode(HostElement.prototype);\n }\n if (BUILD25.appendChildSlotFix) {\n patchSlotAppendChild(HostElement.prototype);\n }\n if (BUILD25.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {\n patchTextContent(HostElement.prototype);\n }\n }\n if (BUILD25.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {\n HostElement.formAssociated = true;\n }\n if (BUILD25.hotModuleReplacement) {\n HostElement.prototype[\"s-hmr\"] = function(hmrVersionId) {\n hmrStart(this, cmpMeta, hmrVersionId);\n };\n }\n cmpMeta.$lazyBundleId$ = lazyBundle[0];\n if (!exclude.includes(tagName) && !customElements2.get(tagName)) {\n cmpTags.push(tagName);\n customElements2.define(\n tagName,\n proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)\n );\n }\n });\n });\n if (cmpTags.length > 0) {\n if (hasSlotRelocation) {\n dataStyles.textContent += SLOT_FB_CSS;\n }\n if (BUILD25.invisiblePrehydration && (BUILD25.hydratedClass || BUILD25.hydratedAttribute)) {\n dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;\n }\n if (dataStyles.innerHTML.length) {\n dataStyles.setAttribute(\"data-styles\", \"\");\n const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n dataStyles.setAttribute(\"nonce\", nonce);\n }\n head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);\n }\n }\n isBootstrapping = false;\n if (deferredConnectedCallbacks.length) {\n deferredConnectedCallbacks.map((host) => host.connectedCallback());\n } else {\n if (BUILD25.profile) {\n plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30, \"timeout\"));\n } else {\n plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));\n }\n }\n endBootstrap();\n};\n\n// src/runtime/fragment.ts\nvar Fragment = (_, children) => children;\n\n// src/runtime/host-listener.ts\nimport { BUILD as BUILD26 } from \"@stencil/core/internal/app-data\";\nvar addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {\n if (BUILD26.hostListener && listeners) {\n if (BUILD26.hostListenerTargetParent) {\n if (attachParentListeners) {\n listeners = listeners.filter(([flags]) => flags & 32 /* TargetParent */);\n } else {\n listeners = listeners.filter(([flags]) => !(flags & 32 /* TargetParent */));\n }\n }\n listeners.map(([flags, name, method]) => {\n const target = BUILD26.hostListenerTarget ? getHostListenerTarget(elm, flags) : elm;\n const handler = hostListenerProxy(hostRef, method);\n const opts = hostListenerOpts(flags);\n plt.ael(target, name, handler, opts);\n (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));\n });\n }\n};\nvar hostListenerProxy = (hostRef, methodName) => (ev) => {\n var _a;\n try {\n if (BUILD26.lazyLoad) {\n if (hostRef.$flags$ & 256 /* isListenReady */) {\n (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);\n } else {\n (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);\n }\n } else {\n hostRef.$hostElement$[methodName](ev);\n }\n } catch (e) {\n consoleError(e);\n }\n};\nvar getHostListenerTarget = (elm, flags) => {\n if (BUILD26.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;\n if (BUILD26.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;\n if (BUILD26.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;\n if (BUILD26.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement)\n return elm.parentElement;\n return elm;\n};\nvar hostListenerOpts = (flags) => supportsListenerOptions ? {\n passive: (flags & 1 /* Passive */) !== 0,\n capture: (flags & 2 /* Capture */) !== 0\n} : (flags & 2 /* Capture */) !== 0;\n\n// src/runtime/nonce.ts\nvar setNonce = (nonce) => plt.$nonce$ = nonce;\n\n// src/runtime/platform-options.ts\nvar setPlatformOptions = (opts) => Object.assign(plt, opts);\n\n// src/runtime/vdom/vdom-annotations.ts\nvar insertVdomAnnotations = (doc2, staticComponents) => {\n if (doc2 != null) {\n const docData = {\n hostIds: 0,\n rootLevelIds: 0,\n staticComponents: new Set(staticComponents)\n };\n const orgLocationNodes = [];\n parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);\n orgLocationNodes.forEach((orgLocationNode) => {\n var _a;\n if (orgLocationNode != null && orgLocationNode[\"s-nr\"]) {\n const nodeRef = orgLocationNode[\"s-nr\"];\n let hostId = nodeRef[\"s-host-id\"];\n let nodeId = nodeRef[\"s-node-id\"];\n let childId = `${hostId}.${nodeId}`;\n if (hostId == null) {\n hostId = 0;\n docData.rootLevelIds++;\n nodeId = docData.rootLevelIds;\n childId = `${hostId}.${nodeId}`;\n if (nodeRef.nodeType === 1 /* ElementNode */) {\n nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);\n } else if (nodeRef.nodeType === 3 /* TextNode */) {\n if (hostId === 0) {\n const textContent = (_a = nodeRef.nodeValue) == null ? void 0 : _a.trim();\n if (textContent === \"\") {\n orgLocationNode.remove();\n return;\n }\n }\n const commentBeforeTextNode = doc2.createComment(childId);\n commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;\n insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);\n }\n }\n let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;\n const orgLocationParentNode = orgLocationNode.parentElement;\n if (orgLocationParentNode) {\n if (orgLocationParentNode[\"s-en\"] === \"\") {\n orgLocationNodeId += `.`;\n } else if (orgLocationParentNode[\"s-en\"] === \"c\") {\n orgLocationNodeId += `.c`;\n }\n }\n orgLocationNode.nodeValue = orgLocationNodeId;\n }\n });\n }\n};\nvar parseVNodeAnnotations = (doc2, node, docData, orgLocationNodes) => {\n var _a;\n if (node == null) {\n return;\n }\n if (node[\"s-nr\"] != null) {\n orgLocationNodes.push(node);\n }\n if (node.nodeType === 1 /* ElementNode */) {\n const childNodes = [...Array.from(node.childNodes), ...Array.from(((_a = node.shadowRoot) == null ? void 0 : _a.childNodes) || [])];\n childNodes.forEach((childNode) => {\n const hostRef = getHostRef(childNode);\n if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) {\n const cmpData = {\n nodeIds: 0\n };\n insertVNodeAnnotations(doc2, childNode, hostRef.$vnode$, docData, cmpData);\n }\n parseVNodeAnnotations(doc2, childNode, docData, orgLocationNodes);\n });\n }\n};\nvar insertVNodeAnnotations = (doc2, hostElm, vnode, docData, cmpData) => {\n if (vnode != null) {\n const hostId = ++docData.hostIds;\n hostElm.setAttribute(HYDRATE_ID, hostId);\n if (hostElm[\"s-cr\"] != null) {\n hostElm[\"s-cr\"].nodeValue = `${CONTENT_REF_ID}.${hostId}`;\n }\n if (vnode.$children$ != null) {\n const depth = 0;\n vnode.$children$.forEach((vnodeChild, index) => {\n insertChildVNodeAnnotations(doc2, vnodeChild, cmpData, hostId, depth, index);\n });\n }\n if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute(HYDRATE_CHILD_ID)) {\n const parent = hostElm.parentElement;\n if (parent && parent.childNodes) {\n const parentChildNodes = Array.from(parent.childNodes);\n const comment = parentChildNodes.find(\n (node) => node.nodeType === 8 /* CommentNode */ && node[\"s-sr\"]\n );\n if (comment) {\n const index = parentChildNodes.indexOf(hostElm) - 1;\n vnode.$elm$.setAttribute(\n HYDRATE_CHILD_ID,\n `${comment[\"s-host-id\"]}.${comment[\"s-node-id\"]}.0.${index}`\n );\n }\n }\n }\n }\n};\nvar insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, index) => {\n const childElm = vnodeChild.$elm$;\n if (childElm == null) {\n return;\n }\n const nodeId = cmpData.nodeIds++;\n const childId = `${hostId}.${nodeId}.${depth}.${index}`;\n childElm[\"s-host-id\"] = hostId;\n childElm[\"s-node-id\"] = nodeId;\n if (childElm.nodeType === 1 /* ElementNode */) {\n childElm.setAttribute(HYDRATE_CHILD_ID, childId);\n } else if (childElm.nodeType === 3 /* TextNode */) {\n const parentNode = childElm.parentNode;\n const nodeName = parentNode == null ? void 0 : parentNode.nodeName;\n if (nodeName !== \"STYLE\" && nodeName !== \"SCRIPT\") {\n const textNodeId = `${TEXT_NODE_ID}.${childId}`;\n const commentBeforeTextNode = doc2.createComment(textNodeId);\n insertBefore(parentNode, commentBeforeTextNode, childElm);\n }\n } else if (childElm.nodeType === 8 /* CommentNode */) {\n if (childElm[\"s-sr\"]) {\n const slotName = childElm[\"s-sn\"] || \"\";\n const slotNodeId = `${SLOT_NODE_ID}.${childId}.${slotName}`;\n childElm.nodeValue = slotNodeId;\n }\n }\n if (vnodeChild.$children$ != null) {\n const childDepth = depth + 1;\n vnodeChild.$children$.forEach((vnode, index2) => {\n insertChildVNodeAnnotations(doc2, vnode, cmpData, hostId, childDepth, index2);\n });\n }\n};\nexport {\n BUILD27 as BUILD,\n Build,\n Env,\n Fragment,\n H,\n H as HTMLElement,\n Host,\n NAMESPACE2 as NAMESPACE,\n STENCIL_DEV_MODE,\n addHostEventListeners,\n bootstrapLazy,\n cmpModules,\n connectedCallback,\n consoleDevError,\n consoleDevInfo,\n consoleDevWarn,\n consoleError,\n createEvent,\n defineCustomElement,\n disconnectedCallback,\n doc,\n forceModeUpdate,\n forceUpdate,\n getAssetPath,\n getElement,\n getHostRef,\n getMode,\n getRenderingRef,\n getValue,\n h,\n insertVdomAnnotations,\n isMemberInElement,\n loadModule,\n modeResolutionChain,\n nextTick,\n parsePropertyValue,\n plt,\n postUpdateComponent,\n promiseResolve,\n proxyComponent,\n proxyCustomElement,\n readTask,\n registerHost,\n registerInstance,\n renderVdom,\n setAssetPath,\n setErrorHandler,\n setMode,\n setNonce,\n setPlatformHelpers,\n setPlatformOptions,\n setValue,\n styles,\n supportsConstructableStylesheets,\n supportsListenerOptions,\n supportsShadow,\n win,\n writeTask\n};\n","function rectEquals(r1, r2) {\n return (r1.x === r2.x &&\n r1.y === r2.y &&\n r1.width === r2.width &&\n r1.height === r2.height);\n}\nfunction parentNodeToString(node) {\n return Array.from(node.children)\n .map((child) => child.outerHTML)\n .join('');\n}\nfunction closest(element, selector) {\n if (!element) {\n return null;\n }\n if (element.matches(selector)) {\n return element;\n }\n if (element.parentNode instanceof ShadowRoot) {\n return closest(element.parentNode.host, selector);\n }\n return closest(element.parentElement, selector);\n}\n\nexport { closest as c, parentNodeToString as p, rectEquals as r };\n\n//# sourceMappingURL=dom-utils.js.map","function promiseTimeout(prom, ms) {\n let id;\n const timeout = new Promise((_, reject) => {\n id = setTimeout(() => {\n reject(new Error('Promise timed out.'));\n }, ms);\n });\n return Promise.race([prom, timeout]).then((value) => {\n clearTimeout(id);\n return value;\n });\n}\n\nfunction buildCustomEvent(name, detail) {\n return new CustomEvent(name, {\n detail,\n // Event will bubble up the DOM until it is caught\n bubbles: true,\n // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.\n cancelable: true,\n // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM\n composed: true,\n });\n}\nfunction listenOnce(element, type, listener, options) {\n const _listener = (evt) => {\n element.removeEventListener(type, _listener, options);\n typeof listener === 'object'\n ? listener.handleEvent.call(element, evt)\n : listener.call(element, evt);\n };\n element.addEventListener(type, _listener, options);\n}\nfunction eventPromise(element, type, timeoutMs = 0) {\n let promise = new Promise((resolve) => {\n listenOnce(element, type, (e) => {\n resolve(e);\n });\n });\n if (timeoutMs > 0) {\n promise = promiseTimeout(promise, timeoutMs);\n }\n return promise;\n}\n\nexport { buildCustomEvent as b, eventPromise as e, listenOnce as l, promiseTimeout as p };\n\n//# sourceMappingURL=event-utils.js.map","import { c as closest } from './dom-utils.js';\nimport { getElement } from '@stencil/core/internal/client';\nimport { b as buildCustomEvent } from './event-utils.js';\n\nclass MissingParentError extends Error {\n constructor(elementName, parentName) {\n super(`The \"${elementName}\" element must be the child of an \"${parentName}\" element.`);\n }\n}\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemContext` from \\@/src/decorators/item-list/item-context.js.\n */\nfunction ItemContext(opts = {\n parentName: 'atomic-result',\n folded: false,\n}) {\n return (component, itemVariable) => {\n const { connectedCallback, componentWillRender, render } = component;\n component.connectedCallback = function () {\n const element = getElement(this);\n const event = buildCustomEvent(itemContextEventName, (item) => {\n this[itemVariable] = extractFolded(item, opts.folded);\n });\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n this.error = new MissingParentError(element.nodeName.toLowerCase(), opts.parentName);\n return;\n }\n return connectedCallback && connectedCallback.call(this);\n };\n component.componentWillRender = function () {\n if (this.error) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n component.render = function () {\n if (this.error) {\n const element = getElement(this);\n element.remove();\n console.error('Result component is in error and has been removed from the DOM', this.error, this, element);\n return;\n }\n return render && render.call(this);\n };\n };\n}\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `InteractiveItemContext` from \\@/src/decorators/item-list/interactive-item-context.js.\n */\nfunction InteractiveItemContext() {\n return (component, interactiveItemVariable) => {\n const { connectedCallback } = component;\n component.connectedCallback = function () {\n const element = getElement(this);\n const event = buildCustomEvent(interactiveItemContextEventName, (item) => {\n this[interactiveItemVariable] = item;\n });\n element.dispatchEvent(event);\n return connectedCallback && connectedCallback.call(this);\n };\n };\n}\nconst itemContextEventName = 'atomic/resolveResult';\nconst interactiveItemContextEventName = 'atomic/resolveInteractiveResult';\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `itemContext` from \\@/src/components/common/item-list/item-context.js.\n */\nfunction itemContext(element, parentName) {\n return new Promise((resolve, reject) => {\n const event = buildCustomEvent(itemContextEventName, (item) => {\n return resolve(item);\n });\n element.dispatchEvent(event);\n if (!closest(element, parentName)) {\n reject(new MissingParentError(element.nodeName.toLowerCase(), parentName));\n }\n });\n}\nfunction extractFolded(item, returnFolded) {\n if (returnFolded) {\n if ('children' in item) {\n return item;\n }\n else {\n return { children: [], result: item };\n }\n }\n if ('children' in item && 'result' in item) {\n return item.result;\n }\n return item;\n}\nconst childTemplatesContextEventName = 'atomic/resolveChildTemplates';\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ChildTemplatesContext` from \\@/src/decorators/item-list/child-templates-context.js.\n */\nfunction ChildTemplatesContext() {\n return (component, itemTemplateProviderProp) => {\n const { componentWillRender } = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(childTemplatesContextEventName, (itemTemplateProvider) => {\n const component = this;\n if (component.itemTemplateProvider) {\n return;\n }\n this[itemTemplateProviderProp] = itemTemplateProvider;\n });\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n this[itemTemplateProviderProp] = null;\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\nconst itemDisplayConfigContextEventName = 'atomic/resolveResultDisplayConfig';\n/**\n * @deprecated should only be used for Stencil components. For Lit components, use `ItemDisplayConfigContext` from \\@/src/decorators/item-list/item-display-config-context.js.\n */\nfunction ItemDisplayConfigContext() {\n return (component, itemVariable) => {\n const { componentWillRender } = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(itemDisplayConfigContextEventName, (config) => {\n this[itemVariable] = config;\n });\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n\nexport { ChildTemplatesContext as C, ItemContext as I, InteractiveItemContext as a, ItemDisplayConfigContext as b, itemContext as i };\n\n//# sourceMappingURL=stencil-item-decorators.js.map","import { h } from '@stencil/core/internal/client';\nimport { l as listenOnce } from './event-utils.js';\n\nconst RIPPLE = 'ripple';\nfunction getAnimationDurationInMilliseconds(radiusPixels) {\n // A 318px wide button has a duration of 700ms.\n return Math.cbrt(radiusPixels) * 129.21;\n}\nfunction setPositionRelativeIfStatic(element) {\n if (getComputedStyle(element).position === 'static') {\n element.classList.add('ripple-relative');\n }\n}\nasync function createRipple(event, options) {\n const button = options.parent ?? event.currentTarget;\n const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n existingRipple?.remove();\n button.classList.add('ripple-parent');\n setPositionRelativeIfStatic(button);\n Array.from(button.children).forEach(setPositionRelativeIfStatic);\n const ripple = document.createElement('span');\n ripple.classList.add(RIPPLE);\n ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n ripple.setAttribute('part', RIPPLE);\n const diameter = Math.max(button.clientWidth, button.clientHeight);\n const radius = diameter / 2;\n const animationDuration = getAnimationDurationInMilliseconds(radius);\n const { top, left } = button.getBoundingClientRect();\n ripple.style.width = ripple.style.height = `${diameter}px`;\n ripple.style.left = `${event.clientX - (left + radius)}px`;\n ripple.style.top = `${event.clientY - (top + radius)}px`;\n ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n button.prepend(ripple);\n await cleanupAnimationOnFinish(ripple, animationDuration);\n}\nasync function cleanupAnimationOnFinish(ripple, animationDuration) {\n listenOnce(ripple, 'animationend', () => {\n ripple?.remove();\n });\n // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n setTimeout(() => ripple?.remove(), animationDuration + animationDuration * 0.1);\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nfunction getClassNameForButtonStyle(buttonStyle) {\n switch (buttonStyle) {\n case 'primary':\n return 'btn-primary';\n case 'outline-primary':\n return 'btn-outline-primary';\n case 'outline-neutral':\n return 'btn-outline-neutral';\n case 'outline-error':\n return 'btn-outline-error';\n case 'outline-bg-neutral':\n return 'btn-outline-bg-neutral';\n case 'outline-bg-error':\n return 'btn-outline-bg-error';\n case 'text-primary':\n return 'btn-text-primary';\n case 'text-neutral':\n return 'btn-text-neutral';\n case 'text-transparent':\n return 'btn-text-transparent';\n case 'square-neutral':\n return 'btn-square-neutral';\n }\n}\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nfunction getRippleColorForButtonStyle(buttonStyle) {\n switch (buttonStyle) {\n case 'primary':\n return 'primary';\n case 'text-transparent':\n return 'neutral-light';\n default:\n return 'neutral';\n }\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst Button = (props, children) => {\n const rippleColor = getRippleColorForButtonStyle(props.style);\n const className = getClassNameForButtonStyle(props.style);\n const attributes = {\n class: props.class ? `${className} ${props.class}` : className,\n part: props.part,\n onClick: props.onClick,\n title: props.title,\n type: props.type,\n role: props.role,\n 'aria-label': props.ariaLabel,\n 'aria-expanded': props.ariaExpanded,\n 'aria-pressed': props.ariaPressed,\n 'aria-checked': props.ariaChecked,\n 'aria-current': props.ariaCurrent,\n 'aria-controls': props.ariaControls,\n 'aria-hidden': props.ariaHidden,\n disabled: props.disabled,\n ref(buttonEl) {\n if (props.form) {\n buttonEl?.setAttribute('form', props.form);\n }\n if (props.ariaHidden) {\n buttonEl?.setAttribute('aria-hidden', props.ariaHidden);\n }\n if (props.tabIndex) {\n buttonEl?.setAttribute('tabindex', props.tabIndex);\n }\n props.ref?.(buttonEl);\n },\n };\n return (h(\"button\", { ...attributes, onMouseDown: (e) => createRipple(e, { color: rippleColor }) },\n props.text ? h(\"span\", { class: \"truncate\" }, props.text) : null,\n children));\n};\n\nexport { Button as B, getClassNameForButtonStyle as a, createRipple as c, getRippleColorForButtonStyle as g };\n\n//# sourceMappingURL=stencil-button.js.map","/**\n * @license\n *\n * Copyright 2025 Coveo Solutions Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * \n * http://www.apache.org/licenses/LICENSE-2.0\n * \n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// src/schema.ts\nfunction buildSchemaValidationError(errors, context) {\n const message = `\n The following properties are invalid:\n\n ${errors.join(\"\\n\t\")}\n \n ${context}\n `;\n return new SchemaValidationError(message);\n}\nvar SchemaValidationError = class extends Error {\n constructor(message) {\n super(message);\n this.name = \"SchemaValidationError\";\n }\n};\nvar Schema = class {\n constructor(definition) {\n this.definition = definition;\n }\n validate(values = {}, message = \"\") {\n const mergedValues = {\n ...this.default,\n ...values\n };\n const errors = [];\n for (const property in this.definition) {\n const error = this.definition[property].validate(mergedValues[property]);\n error && errors.push(`${property}: ${error}`);\n }\n if (errors.length) {\n throw buildSchemaValidationError(errors, message);\n }\n return mergedValues;\n }\n get default() {\n const defaultValues = {};\n for (const property in this.definition) {\n const defaultValue = this.definition[property].default;\n if (defaultValue !== void 0) {\n defaultValues[property] = defaultValue;\n }\n }\n return defaultValues;\n }\n};\n\n// src/values/value.ts\nvar Value = class {\n constructor(baseConfig = {}) {\n this.baseConfig = baseConfig;\n }\n validate(value) {\n if (this.baseConfig.required && isNullOrUndefined(value)) {\n return \"value is required.\";\n }\n return null;\n }\n get default() {\n return this.baseConfig.default instanceof Function ? this.baseConfig.default() : this.baseConfig.default;\n }\n get required() {\n return this.baseConfig.required === true;\n }\n};\nfunction isUndefined(value) {\n return value === void 0;\n}\nfunction isNull(value) {\n return value === null;\n}\nfunction isNullOrUndefined(value) {\n return isUndefined(value) || isNull(value);\n}\n\n// src/values/boolean-value.ts\nvar BooleanValue = class {\n value;\n constructor(config = {}) {\n this.value = new Value(config);\n }\n validate(value) {\n const valueValidation = this.value.validate(value);\n if (valueValidation) {\n return valueValidation;\n }\n if (!isBooleanOrUndefined(value)) {\n return \"value is not a boolean.\";\n }\n return null;\n }\n get default() {\n return this.value.default;\n }\n get required() {\n return this.value.required;\n }\n};\nfunction isBooleanOrUndefined(value) {\n return isUndefined(value) || isBoolean(value);\n}\nfunction isBoolean(value) {\n return typeof value === \"boolean\";\n}\n\n// src/values/number-value.ts\nvar NumberValue = class {\n constructor(config = {}) {\n this.config = config;\n this.value = new Value(config);\n }\n value;\n validate(value) {\n const valueValidation = this.value.validate(value);\n if (valueValidation) {\n return valueValidation;\n }\n if (!isNumberOrUndefined(value)) {\n return \"value is not a number.\";\n }\n if (value < this.config.min) {\n return `minimum value of ${this.config.min} not respected.`;\n }\n if (value > this.config.max) {\n return `maximum value of ${this.config.max} not respected.`;\n }\n return null;\n }\n get default() {\n return this.value.default;\n }\n get required() {\n return this.value.required;\n }\n};\nfunction isNumberOrUndefined(value) {\n return isUndefined(value) || isNumber(value);\n}\nfunction isNumber(value) {\n return typeof value === \"number\" && !Number.isNaN(value);\n}\n\n// src/values/string-value.ts\nvar ISODateStringRegex = /^\\d{4}(-\\d\\d(-\\d\\d(T\\d\\d:\\d\\d(:\\d\\d)?(\\.\\d+)?(([+-]\\d\\d:\\d\\d)|Z)?)?)?)?$/i;\nvar StringValue = class {\n value;\n config;\n constructor(config = {}) {\n this.config = {\n emptyAllowed: true,\n url: false,\n ...config\n };\n this.value = new Value(this.config);\n }\n validate(value) {\n const { emptyAllowed, url, regex, constrainTo, ISODate } = this.config;\n const valueValidation = this.value.validate(value);\n if (valueValidation) {\n return valueValidation;\n }\n if (isUndefined(value)) {\n return null;\n }\n if (!isString(value)) {\n return \"value is not a string.\";\n }\n if (!emptyAllowed && !value.length) {\n return \"value is an empty string.\";\n }\n if (url) {\n try {\n new URL(value);\n } catch (_) {\n return \"value is not a valid URL.\";\n }\n }\n if (regex && !regex.test(value)) {\n return `value did not match provided regex ${regex}`;\n }\n if (constrainTo && !constrainTo.includes(value)) {\n const values = constrainTo.join(\", \");\n return `value should be one of: ${values}.`;\n }\n if (ISODate && !(ISODateStringRegex.test(value) && new Date(value).toString() !== \"Invalid Date\")) {\n return \"value is not a valid ISO8601 date string\";\n }\n return null;\n }\n get default() {\n return this.value.default;\n }\n get required() {\n return this.value.required;\n }\n};\nfunction isString(value) {\n return Object.prototype.toString.call(value) === \"[object String]\";\n}\n\n// src/values/complex-value.ts\nvar RecordValue = class {\n config;\n constructor(config = {}) {\n this.config = {\n options: { required: false },\n values: {},\n ...config\n };\n }\n validate(input) {\n if (isUndefined(input)) {\n return this.config.options.required ? \"value is required and is currently undefined\" : null;\n }\n if (!isRecord(input)) {\n return \"value is not an object\";\n }\n for (const [k, v] of Object.entries(this.config.values)) {\n if (v.required && isNullOrUndefined(input[k])) {\n return `value does not contain ${k}`;\n }\n }\n let out = \"\";\n for (const [key, validator] of Object.entries(this.config.values)) {\n const value = input[key];\n const invalidValue = validator.validate(value);\n if (invalidValue !== null) {\n out += ` ${invalidValue}`;\n }\n }\n return out === \"\" ? null : out;\n }\n get default() {\n return void 0;\n }\n get required() {\n return !!this.config.options.required;\n }\n};\nfunction isRecord(value) {\n return value !== void 0 && typeof value === \"object\";\n}\nvar ArrayValue = class {\n constructor(config = {}) {\n this.config = config;\n this.value = new Value(this.config);\n }\n value;\n validate(input) {\n if (!isNullOrUndefined(input) && !Array.isArray(input)) {\n return \"value is not an array\";\n }\n const invalid = this.value.validate(input);\n if (invalid !== null) {\n return invalid;\n }\n if (isNullOrUndefined(input)) {\n return null;\n }\n if (this.config.max !== void 0 && input.length > this.config.max) {\n return `value contains more than ${this.config.max}`;\n }\n if (this.config.min !== void 0 && input.length < this.config.min) {\n return `value contains less than ${this.config.min}`;\n }\n if (this.config.each !== void 0) {\n let out = \"\";\n input.forEach((el) => {\n if (this.config.each.required && isNullOrUndefined(el)) {\n out = `value is null or undefined: ${input.join(\",\")}`;\n }\n const isInvalid = this.validatePrimitiveValue(el, this.config.each);\n if (isInvalid !== null) {\n out += ` ${isInvalid}`;\n }\n });\n return out === \"\" ? null : out;\n }\n return null;\n }\n validatePrimitiveValue(v, validator) {\n if (isBoolean(v)) {\n return validator.validate(v);\n } else if (isString(v)) {\n return validator.validate(v);\n } else if (isNumber(v)) {\n return validator.validate(v);\n } else if (isRecord(v)) {\n return validator.validate(v);\n }\n return \"value is not a primitive value\";\n }\n get default() {\n return void 0;\n }\n get required() {\n return this.value.required;\n }\n};\nfunction isArray(value) {\n return Array.isArray(value);\n}\n\n// src/values/enum-value.ts\nvar EnumValue = class {\n constructor(config) {\n this.config = config;\n this.value = new Value(config);\n }\n value;\n validate(value) {\n const invalid = this.value.validate(value);\n if (invalid !== null) {\n return invalid;\n }\n if (isUndefined(value)) {\n return null;\n }\n const valueInEnum = Object.values(this.config.enum).find(\n (enumValue) => enumValue === value\n );\n if (!valueInEnum) {\n return \"value is not in enum.\";\n }\n return null;\n }\n get default() {\n return this.value.default;\n }\n get required() {\n return this.value.required;\n }\n};\nexport {\n ArrayValue,\n BooleanValue,\n EnumValue,\n NumberValue,\n RecordValue,\n Schema,\n SchemaValidationError,\n StringValue,\n Value,\n isArray,\n isBoolean,\n isBooleanOrUndefined,\n isNull,\n isNullOrUndefined,\n isNumber,\n isNumberOrUndefined,\n isRecord,\n isString,\n isUndefined\n};\n","var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};\n\nexport { commonjsGlobal as c };\n\n//# sourceMappingURL=_commonjsHelpers.js.map","import { c as commonjsGlobal } from './_commonjsHelpers.js';\n\nvar purify = {exports: {}};\n\n/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */\n\n(function (module, exports) {\n(function (global, factory) {\n module.exports = factory() ;\n})(commonjsGlobal, (function () {\n const {\n entries,\n setPrototypeOf,\n isFrozen,\n getPrototypeOf,\n getOwnPropertyDescriptor\n } = Object;\n let {\n freeze,\n seal,\n create\n } = Object; // eslint-disable-line import/no-mutable-exports\n let {\n apply,\n construct\n } = typeof Reflect !== 'undefined' && Reflect;\n if (!freeze) {\n freeze = function freeze(x) {\n return x;\n };\n }\n if (!seal) {\n seal = function seal(x) {\n return x;\n };\n }\n if (!apply) {\n apply = function apply(fun, thisValue, args) {\n return fun.apply(thisValue, args);\n };\n }\n if (!construct) {\n construct = function construct(Func, args) {\n return new Func(...args);\n };\n }\n const arrayForEach = unapply(Array.prototype.forEach);\n const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);\n const arrayPop = unapply(Array.prototype.pop);\n const arrayPush = unapply(Array.prototype.push);\n const arraySplice = unapply(Array.prototype.splice);\n const stringToLowerCase = unapply(String.prototype.toLowerCase);\n const stringToString = unapply(String.prototype.toString);\n const stringMatch = unapply(String.prototype.match);\n const stringReplace = unapply(String.prototype.replace);\n const stringIndexOf = unapply(String.prototype.indexOf);\n const stringTrim = unapply(String.prototype.trim);\n const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);\n const regExpTest = unapply(RegExp.prototype.test);\n const typeErrorCreate = unconstruct(TypeError);\n /**\n * Creates a new function that calls the given function with a specified thisArg and arguments.\n *\n * @param func - The function to be wrapped and called.\n * @returns A new function that calls the given function with a specified thisArg and arguments.\n */\n function unapply(func) {\n return function (thisArg) {\n if (thisArg instanceof RegExp) {\n thisArg.lastIndex = 0;\n }\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n return apply(func, thisArg, args);\n };\n }\n /**\n * Creates a new function that constructs an instance of the given constructor function with the provided arguments.\n *\n * @param func - The constructor function to be wrapped and called.\n * @returns A new function that constructs an instance of the given constructor function with the provided arguments.\n */\n function unconstruct(func) {\n return function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n return construct(func, args);\n };\n }\n /**\n * Add properties to a lookup table\n *\n * @param set - The set to which elements will be added.\n * @param array - The array containing elements to be added to the set.\n * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.\n * @returns The modified set with added elements.\n */\n function addToSet(set, array) {\n let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;\n if (setPrototypeOf) {\n // Make 'in' and truthy checks like Boolean(set.constructor)\n // independent of any properties defined on Object.prototype.\n // Prevent prototype setters from intercepting set as a this value.\n setPrototypeOf(set, null);\n }\n let l = array.length;\n while (l--) {\n let element = array[l];\n if (typeof element === 'string') {\n const lcElement = transformCaseFunc(element);\n if (lcElement !== element) {\n // Config presets (e.g. tags.js, attrs.js) are immutable.\n if (!isFrozen(array)) {\n array[l] = lcElement;\n }\n element = lcElement;\n }\n }\n set[element] = true;\n }\n return set;\n }\n /**\n * Clean up an array to harden against CSPP\n *\n * @param array - The array to be cleaned.\n * @returns The cleaned version of the array\n */\n function cleanArray(array) {\n for (let index = 0; index < array.length; index++) {\n const isPropertyExist = objectHasOwnProperty(array, index);\n if (!isPropertyExist) {\n array[index] = null;\n }\n }\n return array;\n }\n /**\n * Shallow clone an object\n *\n * @param object - The object to be cloned.\n * @returns A new object that copies the original.\n */\n function clone(object) {\n const newObject = create(null);\n for (const [property, value] of entries(object)) {\n const isPropertyExist = objectHasOwnProperty(object, property);\n if (isPropertyExist) {\n if (Array.isArray(value)) {\n newObject[property] = cleanArray(value);\n } else if (value && typeof value === 'object' && value.constructor === Object) {\n newObject[property] = clone(value);\n } else {\n newObject[property] = value;\n }\n }\n }\n return newObject;\n }\n /**\n * This method automatically checks if the prop is function or getter and behaves accordingly.\n *\n * @param object - The object to look up the getter function in its prototype chain.\n * @param prop - The property name for which to find the getter function.\n * @returns The getter function found in the prototype chain or a fallback function.\n */\n function lookupGetter(object, prop) {\n while (object !== null) {\n const desc = getOwnPropertyDescriptor(object, prop);\n if (desc) {\n if (desc.get) {\n return unapply(desc.get);\n }\n if (typeof desc.value === 'function') {\n return unapply(desc.value);\n }\n }\n object = getPrototypeOf(object);\n }\n function fallbackValue() {\n return null;\n }\n return fallbackValue;\n }\n\n const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);\n const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);\n const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);\n // List of SVG elements that are disallowed by default.\n // We still need to know them so that we can do namespace\n // checks properly in case one wants to add them to\n // allow-list.\n const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);\n const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);\n // Similarly to SVG, we want to know all MathML elements,\n // even those that we disallow by default.\n const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);\n const text = freeze(['#text']);\n\n const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);\n const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);\n const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);\n const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);\n\n // eslint-disable-next-line unicorn/better-regex\n const MUSTACHE_EXPR = seal(/\\{\\{[\\w\\W]*|[\\w\\W]*\\}\\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode\n const ERB_EXPR = seal(/<%[\\w\\W]*|[\\w\\W]*%>/gm);\n const TMPLIT_EXPR = seal(/\\$\\{[\\w\\W]*/gm); // eslint-disable-line unicorn/better-regex\n const DATA_ATTR = seal(/^data-[\\-\\w.\\u00B7-\\uFFFF]+$/); // eslint-disable-line no-useless-escape\n const ARIA_ATTR = seal(/^aria-[\\-\\w]+$/); // eslint-disable-line no-useless-escape\n const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\\-]+(?:[^a-z+.\\-:]|$))/i // eslint-disable-line no-useless-escape\n );\n const IS_SCRIPT_OR_DATA = seal(/^(?:\\w+script|data):/i);\n const ATTR_WHITESPACE = seal(/[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]/g // eslint-disable-line no-control-regex\n );\n const DOCTYPE_NAME = seal(/^html$/i);\n const CUSTOM_ELEMENT = seal(/^[a-z][.\\w]*(-[.\\w]+)+$/i);\n\n var EXPRESSIONS = /*#__PURE__*/Object.freeze({\n __proto__: null,\n ARIA_ATTR: ARIA_ATTR,\n ATTR_WHITESPACE: ATTR_WHITESPACE,\n CUSTOM_ELEMENT: CUSTOM_ELEMENT,\n DATA_ATTR: DATA_ATTR,\n DOCTYPE_NAME: DOCTYPE_NAME,\n ERB_EXPR: ERB_EXPR,\n IS_ALLOWED_URI: IS_ALLOWED_URI,\n IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,\n MUSTACHE_EXPR: MUSTACHE_EXPR,\n TMPLIT_EXPR: TMPLIT_EXPR\n });\n\n /* eslint-disable @typescript-eslint/indent */\n // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n const NODE_TYPE = {\n element: 1,\n attribute: 2,\n text: 3,\n cdataSection: 4,\n entityReference: 5,\n // Deprecated\n entityNode: 6,\n // Deprecated\n progressingInstruction: 7,\n comment: 8,\n document: 9,\n documentType: 10,\n documentFragment: 11,\n notation: 12 // Deprecated\n };\n const getGlobal = function getGlobal() {\n return typeof window === 'undefined' ? null : window;\n };\n /**\n * Creates a no-op policy for internal use only.\n * Don't export this function outside this module!\n * @param trustedTypes The policy factory.\n * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).\n * @return The policy created (or null, if Trusted Types\n * are not supported or creating the policy failed).\n */\n const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {\n if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {\n return null;\n }\n // Allow the callers to control the unique policy name\n // by adding a data-tt-policy-suffix to the script element with the DOMPurify.\n // Policy creation with duplicate names throws in Trusted Types.\n let suffix = null;\n const ATTR_NAME = 'data-tt-policy-suffix';\n if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {\n suffix = purifyHostElement.getAttribute(ATTR_NAME);\n }\n const policyName = 'dompurify' + (suffix ? '#' + suffix : '');\n try {\n return trustedTypes.createPolicy(policyName, {\n createHTML(html) {\n return html;\n },\n createScriptURL(scriptUrl) {\n return scriptUrl;\n }\n });\n } catch (_) {\n // Policy creation failed (most likely another DOMPurify script has\n // already run). Skip creating the policy, as this will only cause errors\n // if TT are enforced.\n console.warn('TrustedTypes policy ' + policyName + ' could not be created.');\n return null;\n }\n };\n const _createHooksMap = function _createHooksMap() {\n return {\n afterSanitizeAttributes: [],\n afterSanitizeElements: [],\n afterSanitizeShadowDOM: [],\n beforeSanitizeAttributes: [],\n beforeSanitizeElements: [],\n beforeSanitizeShadowDOM: [],\n uponSanitizeAttribute: [],\n uponSanitizeElement: [],\n uponSanitizeShadowNode: []\n };\n };\n function createDOMPurify() {\n let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();\n const DOMPurify = root => createDOMPurify(root);\n DOMPurify.version = '3.2.6';\n DOMPurify.removed = [];\n if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {\n // Not running in a browser, provide a factory function\n // so that you can pass your own Window\n DOMPurify.isSupported = false;\n return DOMPurify;\n }\n let {\n document\n } = window;\n const originalDocument = document;\n const currentScript = originalDocument.currentScript;\n const {\n DocumentFragment,\n HTMLTemplateElement,\n Node,\n Element,\n NodeFilter,\n NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,\n HTMLFormElement,\n DOMParser,\n trustedTypes\n } = window;\n const ElementPrototype = Element.prototype;\n const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');\n const remove = lookupGetter(ElementPrototype, 'remove');\n const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');\n const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');\n const getParentNode = lookupGetter(ElementPrototype, 'parentNode');\n // As per issue #47, the web-components registry is inherited by a\n // new document created via createHTMLDocument. As per the spec\n // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)\n // a new empty registry is used when creating a template contents owner\n // document, so we use that as our parent document to ensure nothing\n // is inherited.\n if (typeof HTMLTemplateElement === 'function') {\n const template = document.createElement('template');\n if (template.content && template.content.ownerDocument) {\n document = template.content.ownerDocument;\n }\n }\n let trustedTypesPolicy;\n let emptyHTML = '';\n const {\n implementation,\n createNodeIterator,\n createDocumentFragment,\n getElementsByTagName\n } = document;\n const {\n importNode\n } = originalDocument;\n let hooks = _createHooksMap();\n /**\n * Expose whether this browser supports running the full DOMPurify.\n */\n DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;\n const {\n MUSTACHE_EXPR,\n ERB_EXPR,\n TMPLIT_EXPR,\n DATA_ATTR,\n ARIA_ATTR,\n IS_SCRIPT_OR_DATA,\n ATTR_WHITESPACE,\n CUSTOM_ELEMENT\n } = EXPRESSIONS;\n let {\n IS_ALLOWED_URI: IS_ALLOWED_URI$1\n } = EXPRESSIONS;\n /**\n * We consider the elements and attributes below to be safe. Ideally\n * don't add any new ones but feel free to remove unwanted ones.\n */\n /* allowed element names */\n let ALLOWED_TAGS = null;\n const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);\n /* Allowed attribute names */\n let ALLOWED_ATTR = null;\n const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);\n /*\n * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.\n * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)\n * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)\n * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.\n */\n let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {\n tagNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n attributeNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n allowCustomizedBuiltInElements: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: false\n }\n }));\n /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */\n let FORBID_TAGS = null;\n /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */\n let FORBID_ATTR = null;\n /* Decide if ARIA attributes are okay */\n let ALLOW_ARIA_ATTR = true;\n /* Decide if custom data attributes are okay */\n let ALLOW_DATA_ATTR = true;\n /* Decide if unknown protocols are okay */\n let ALLOW_UNKNOWN_PROTOCOLS = false;\n /* Decide if self-closing tags in attributes are allowed.\n * Usually removed due to a mXSS issue in jQuery 3.0 */\n let ALLOW_SELF_CLOSE_IN_ATTR = true;\n /* Output should be safe for common template engines.\n * This means, DOMPurify removes data attributes, mustaches and ERB\n */\n let SAFE_FOR_TEMPLATES = false;\n /* Output should be safe even for XML used within HTML and alike.\n * This means, DOMPurify removes comments when containing risky content.\n */\n let SAFE_FOR_XML = true;\n /* Decide if document with ... should be returned */\n let WHOLE_DOCUMENT = false;\n /* Track whether config is already set on this instance of DOMPurify. */\n let SET_CONFIG = false;\n /* Decide if all elements (e.g. style, script) must be children of\n * document.body. By default, browsers might move them to document.head */\n let FORCE_BODY = false;\n /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported).\n * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead\n */\n let RETURN_DOM = false;\n /* Decide if a DOM `DocumentFragment` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported) */\n let RETURN_DOM_FRAGMENT = false;\n /* Try to return a Trusted Type object instead of a string, return a string in\n * case Trusted Types are not supported */\n let RETURN_TRUSTED_TYPE = false;\n /* Output should be free from DOM clobbering attacks?\n * This sanitizes markups named with colliding, clobberable built-in DOM APIs.\n */\n let SANITIZE_DOM = true;\n /* Achieve full DOM Clobbering protection by isolating the namespace of named\n * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.\n *\n * HTML/DOM spec rules that enable DOM Clobbering:\n * - Named Access on Window (§7.3.3)\n * - DOM Tree Accessors (§3.1.5)\n * - Form Element Parent-Child Relations (§4.10.3)\n * - Iframe srcdoc / Nested WindowProxies (§4.8.5)\n * - HTMLCollection (§4.2.10.2)\n *\n * Namespace isolation is implemented by prefixing `id` and `name` attributes\n * with a constant string, i.e., `user-content-`\n */\n let SANITIZE_NAMED_PROPS = false;\n const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';\n /* Keep element content when removing element? */\n let KEEP_CONTENT = true;\n /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead\n * of importing it into a new Document and returning a sanitized copy */\n let IN_PLACE = false;\n /* Allow usage of profiles like html, svg and mathMl */\n let USE_PROFILES = {};\n /* Tags to ignore content of when KEEP_CONTENT is true */\n let FORBID_CONTENTS = null;\n const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);\n /* Tags that are safe for data: URIs */\n let DATA_URI_TAGS = null;\n const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);\n /* Attributes safe for values like \"javascript:\" */\n let URI_SAFE_ATTRIBUTES = null;\n const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);\n const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';\n const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';\n const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';\n /* Document namespace */\n let NAMESPACE = HTML_NAMESPACE;\n let IS_EMPTY_INPUT = false;\n /* Allowed XHTML+XML namespaces */\n let ALLOWED_NAMESPACES = null;\n const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);\n let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);\n let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);\n // Certain elements are allowed in both SVG and HTML\n // namespace. We need to specify them explicitly\n // so that they don't get erroneously deleted from\n // HTML namespace.\n const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);\n /* Parsing of strict XHTML documents */\n let PARSER_MEDIA_TYPE = null;\n const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];\n const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';\n let transformCaseFunc = null;\n /* Keep a reference to config to pass to hooks */\n let CONFIG = null;\n /* Ideally, do not touch anything below this line */\n /* ______________________________________________ */\n const formElement = document.createElement('form');\n const isRegexOrFunction = function isRegexOrFunction(testValue) {\n return testValue instanceof RegExp || testValue instanceof Function;\n };\n /**\n * _parseConfig\n *\n * @param cfg optional config literal\n */\n // eslint-disable-next-line complexity\n const _parseConfig = function _parseConfig() {\n let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (CONFIG && CONFIG === cfg) {\n return;\n }\n /* Shield configuration object from tampering */\n if (!cfg || typeof cfg !== 'object') {\n cfg = {};\n }\n /* Shield configuration object from prototype pollution */\n cfg = clone(cfg);\n PARSER_MEDIA_TYPE =\n // eslint-disable-next-line unicorn/prefer-includes\n SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;\n // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.\n transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;\n /* Set configuration parameters */\n ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;\n ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;\n ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;\n URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;\n DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;\n FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;\n FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});\n FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});\n USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;\n ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true\n ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true\n ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false\n ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true\n SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false\n SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true\n WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false\n RETURN_DOM = cfg.RETURN_DOM || false; // Default false\n RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false\n RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false\n FORCE_BODY = cfg.FORCE_BODY || false; // Default false\n SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true\n SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false\n KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true\n IN_PLACE = cfg.IN_PLACE || false; // Default false\n IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;\n NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;\n MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;\n HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;\n CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;\n }\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;\n }\n if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {\n CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;\n }\n if (SAFE_FOR_TEMPLATES) {\n ALLOW_DATA_ATTR = false;\n }\n if (RETURN_DOM_FRAGMENT) {\n RETURN_DOM = true;\n }\n /* Parse profile info */\n if (USE_PROFILES) {\n ALLOWED_TAGS = addToSet({}, text);\n ALLOWED_ATTR = [];\n if (USE_PROFILES.html === true) {\n addToSet(ALLOWED_TAGS, html$1);\n addToSet(ALLOWED_ATTR, html);\n }\n if (USE_PROFILES.svg === true) {\n addToSet(ALLOWED_TAGS, svg$1);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n if (USE_PROFILES.svgFilters === true) {\n addToSet(ALLOWED_TAGS, svgFilters);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n if (USE_PROFILES.mathMl === true) {\n addToSet(ALLOWED_TAGS, mathMl$1);\n addToSet(ALLOWED_ATTR, mathMl);\n addToSet(ALLOWED_ATTR, xml);\n }\n }\n /* Merge configuration parameters */\n if (cfg.ADD_TAGS) {\n if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {\n ALLOWED_TAGS = clone(ALLOWED_TAGS);\n }\n addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);\n }\n if (cfg.ADD_ATTR) {\n if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {\n ALLOWED_ATTR = clone(ALLOWED_ATTR);\n }\n addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);\n }\n if (cfg.ADD_URI_SAFE_ATTR) {\n addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);\n }\n if (cfg.FORBID_CONTENTS) {\n if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {\n FORBID_CONTENTS = clone(FORBID_CONTENTS);\n }\n addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);\n }\n /* Add #text in case KEEP_CONTENT is set to true */\n if (KEEP_CONTENT) {\n ALLOWED_TAGS['#text'] = true;\n }\n /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */\n if (WHOLE_DOCUMENT) {\n addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);\n }\n /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */\n if (ALLOWED_TAGS.table) {\n addToSet(ALLOWED_TAGS, ['tbody']);\n delete FORBID_TAGS.tbody;\n }\n if (cfg.TRUSTED_TYPES_POLICY) {\n if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {\n throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.');\n }\n if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {\n throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.');\n }\n // Overwrite existing TrustedTypes policy.\n trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;\n // Sign local variables required by `sanitize`.\n emptyHTML = trustedTypesPolicy.createHTML('');\n } else {\n // Uninitialized policy, attempt to initialize the internal dompurify policy.\n if (trustedTypesPolicy === undefined) {\n trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);\n }\n // If creating the internal policy succeeded sign internal variables.\n if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {\n emptyHTML = trustedTypesPolicy.createHTML('');\n }\n }\n // Prevent further manipulation of configuration.\n // Not available in IE8, Safari 5, etc.\n if (freeze) {\n freeze(cfg);\n }\n CONFIG = cfg;\n };\n /* Keep track of all possible SVG and MathML tags\n * so that we can perform the namespace checks\n * correctly. */\n const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);\n const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);\n /**\n * @param element a DOM element whose namespace is being checked\n * @returns Return false if the element has a\n * namespace that a spec-compliant parser would never\n * return. Return true otherwise.\n */\n const _checkValidNamespace = function _checkValidNamespace(element) {\n let parent = getParentNode(element);\n // In JSDOM, if we're inside shadow DOM, then parentNode\n // can be null. We just simulate parent in this case.\n if (!parent || !parent.tagName) {\n parent = {\n namespaceURI: NAMESPACE,\n tagName: 'template'\n };\n }\n const tagName = stringToLowerCase(element.tagName);\n const parentTagName = stringToLowerCase(parent.tagName);\n if (!ALLOWED_NAMESPACES[element.namespaceURI]) {\n return false;\n }\n if (element.namespaceURI === SVG_NAMESPACE) {\n // The only way to switch from HTML namespace to SVG\n // is via . If it happens via any other tag, then\n // it should be killed.\n if (parent.namespaceURI === HTML_NAMESPACE) {\n return tagName === 'svg';\n }\n // The only way to switch from MathML to SVG is via`\n // svg if parent is either or MathML\n // text integration points.\n if (parent.namespaceURI === MATHML_NAMESPACE) {\n return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);\n }\n // We only allow elements that are defined in SVG\n // spec. All others are disallowed in SVG namespace.\n return Boolean(ALL_SVG_TAGS[tagName]);\n }\n if (element.namespaceURI === MATHML_NAMESPACE) {\n // The only way to switch from HTML namespace to MathML\n // is via . If it happens via any other tag, then\n // it should be killed.\n if (parent.namespaceURI === HTML_NAMESPACE) {\n return tagName === 'math';\n }\n // The only way to switch from SVG to MathML is via\n // and HTML integration points\n if (parent.namespaceURI === SVG_NAMESPACE) {\n return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];\n }\n // We only allow elements that are defined in MathML\n // spec. All others are disallowed in MathML namespace.\n return Boolean(ALL_MATHML_TAGS[tagName]);\n }\n if (element.namespaceURI === HTML_NAMESPACE) {\n // The only way to switch from SVG to HTML is via\n // HTML integration points, and from MathML to HTML\n // is via MathML text integration points\n if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {\n return false;\n }\n if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {\n return false;\n }\n // We disallow tags that are specific for MathML\n // or SVG and should never appear in HTML namespace\n return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);\n }\n // For XHTML and XML documents that support custom namespaces\n if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {\n return true;\n }\n // The code should never reach this place (this means\n // that the element somehow got namespace that is not\n // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).\n // Return false just in case.\n return false;\n };\n /**\n * _forceRemove\n *\n * @param node a DOM node\n */\n const _forceRemove = function _forceRemove(node) {\n arrayPush(DOMPurify.removed, {\n element: node\n });\n try {\n // eslint-disable-next-line unicorn/prefer-dom-node-remove\n getParentNode(node).removeChild(node);\n } catch (_) {\n remove(node);\n }\n };\n /**\n * _removeAttribute\n *\n * @param name an Attribute name\n * @param element a DOM node\n */\n const _removeAttribute = function _removeAttribute(name, element) {\n try {\n arrayPush(DOMPurify.removed, {\n attribute: element.getAttributeNode(name),\n from: element\n });\n } catch (_) {\n arrayPush(DOMPurify.removed, {\n attribute: null,\n from: element\n });\n }\n element.removeAttribute(name);\n // We void attribute values for unremovable \"is\" attributes\n if (name === 'is') {\n if (RETURN_DOM || RETURN_DOM_FRAGMENT) {\n try {\n _forceRemove(element);\n } catch (_) {}\n } else {\n try {\n element.setAttribute(name, '');\n } catch (_) {}\n }\n }\n };\n /**\n * _initDocument\n *\n * @param dirty - a string of dirty markup\n * @return a DOM, filled with the dirty markup\n */\n const _initDocument = function _initDocument(dirty) {\n /* Create a HTML document */\n let doc = null;\n let leadingWhitespace = null;\n if (FORCE_BODY) {\n dirty = '' + dirty;\n } else {\n /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */\n const matches = stringMatch(dirty, /^[\\r\\n\\t ]+/);\n leadingWhitespace = matches && matches[0];\n }\n if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {\n // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)\n dirty = '' + dirty + '';\n }\n const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;\n /*\n * Use the DOMParser API by default, fallback later if needs be\n * DOMParser not work for svg when has multiple root element.\n */\n if (NAMESPACE === HTML_NAMESPACE) {\n try {\n doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);\n } catch (_) {}\n }\n /* Use createHTMLDocument in case DOMParser is not available */\n if (!doc || !doc.documentElement) {\n doc = implementation.createDocument(NAMESPACE, 'template', null);\n try {\n doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;\n } catch (_) {\n // Syntax error if dirtyPayload is invalid xml\n }\n }\n const body = doc.body || doc.documentElement;\n if (dirty && leadingWhitespace) {\n body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);\n }\n /* Work on whole document or just its body */\n if (NAMESPACE === HTML_NAMESPACE) {\n return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];\n }\n return WHOLE_DOCUMENT ? doc.documentElement : body;\n };\n /**\n * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.\n *\n * @param root The root element or node to start traversing on.\n * @return The created NodeIterator\n */\n const _createNodeIterator = function _createNodeIterator(root) {\n return createNodeIterator.call(root.ownerDocument || root, root,\n // eslint-disable-next-line no-bitwise\n NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);\n };\n /**\n * _isClobbered\n *\n * @param element element to check for clobbering attacks\n * @return true if clobbered, false if safe\n */\n const _isClobbered = function _isClobbered(element) {\n return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');\n };\n /**\n * Checks whether the given object is a DOM node.\n *\n * @param value object to check whether it's a DOM node\n * @return true is object is a DOM node\n */\n const _isNode = function _isNode(value) {\n return typeof Node === 'function' && value instanceof Node;\n };\n function _executeHooks(hooks, currentNode, data) {\n arrayForEach(hooks, hook => {\n hook.call(DOMPurify, currentNode, data, CONFIG);\n });\n }\n /**\n * _sanitizeElements\n *\n * @protect nodeName\n * @protect textContent\n * @protect removeChild\n * @param currentNode to check for permission to exist\n * @return true if node was killed, false if left alive\n */\n const _sanitizeElements = function _sanitizeElements(currentNode) {\n let content = null;\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeElements, currentNode, null);\n /* Check if element is clobbered or can clobber */\n if (_isClobbered(currentNode)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Now let's check the element's type and name */\n const tagName = transformCaseFunc(currentNode.nodeName);\n /* Execute a hook if present */\n _executeHooks(hooks.uponSanitizeElement, currentNode, {\n tagName,\n allowedTags: ALLOWED_TAGS\n });\n /* Detect mXSS attempts abusing namespace confusion */\n if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\\w!]/g, currentNode.textContent)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove any occurrence of processing instructions */\n if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove any kind of possibly harmful comments */\n if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\\w]/g, currentNode.data)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove element if anything forbids its presence */\n if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {\n /* Check if we have a custom element to handle */\n if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {\n if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {\n return false;\n }\n if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {\n return false;\n }\n }\n /* Keep content except for bad-listed elements */\n if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {\n const parentNode = getParentNode(currentNode) || currentNode.parentNode;\n const childNodes = getChildNodes(currentNode) || currentNode.childNodes;\n if (childNodes && parentNode) {\n const childCount = childNodes.length;\n for (let i = childCount - 1; i >= 0; --i) {\n const childClone = cloneNode(childNodes[i], true);\n childClone.__removalCount = (currentNode.__removalCount || 0) + 1;\n parentNode.insertBefore(childClone, getNextSibling(currentNode));\n }\n }\n }\n _forceRemove(currentNode);\n return true;\n }\n /* Check whether element has a valid namespace */\n if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Make sure that older browsers don't get fallback-tag mXSS */\n if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\\/no(script|embed|frames)/i, currentNode.innerHTML)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Sanitize element content to be template-safe */\n if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {\n /* Get the element's text content */\n content = currentNode.textContent;\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n content = stringReplace(content, expr, ' ');\n });\n if (currentNode.textContent !== content) {\n arrayPush(DOMPurify.removed, {\n element: currentNode.cloneNode()\n });\n currentNode.textContent = content;\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeElements, currentNode, null);\n return false;\n };\n /**\n * _isValidAttribute\n *\n * @param lcTag Lowercase tag name of containing element.\n * @param lcName Lowercase attribute name.\n * @param value Attribute value.\n * @return Returns true if `value` is valid, otherwise false.\n */\n // eslint-disable-next-line complexity\n const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {\n /* Make sure attribute cannot clobber */\n if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {\n return false;\n }\n /* Allow valid data-* attributes: At least one character after \"-\"\n (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)\n XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)\n We don't need to check the value; it's always URI safe. */\n if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {\n if (\n // First condition does a very basic check if a) it's basically a valid custom element tagname AND\n // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck\n // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck\n _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||\n // Alternative, second condition checks if it's an `is`-attribute, AND\n // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck\n lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {\n return false;\n }\n /* Check value is safe. First, is attr inert? If so, is safe */\n } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {\n return false;\n } else ;\n return true;\n };\n /**\n * _isBasicCustomElement\n * checks if at least one dash is included in tagName, and it's not the first char\n * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name\n *\n * @param tagName name of the tag of the node to sanitize\n * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.\n */\n const _isBasicCustomElement = function _isBasicCustomElement(tagName) {\n return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);\n };\n /**\n * _sanitizeAttributes\n *\n * @protect attributes\n * @protect nodeName\n * @protect removeAttribute\n * @protect setAttribute\n *\n * @param currentNode to sanitize\n */\n const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);\n const {\n attributes\n } = currentNode;\n /* Check if we have attributes; if not we might have a text node */\n if (!attributes || _isClobbered(currentNode)) {\n return;\n }\n const hookEvent = {\n attrName: '',\n attrValue: '',\n keepAttr: true,\n allowedAttributes: ALLOWED_ATTR,\n forceKeepAttr: undefined\n };\n let l = attributes.length;\n /* Go backwards over all attributes; safely remove bad ones */\n while (l--) {\n const attr = attributes[l];\n const {\n name,\n namespaceURI,\n value: attrValue\n } = attr;\n const lcName = transformCaseFunc(name);\n const initValue = attrValue;\n let value = name === 'value' ? initValue : stringTrim(initValue);\n /* Execute a hook if present */\n hookEvent.attrName = lcName;\n hookEvent.attrValue = value;\n hookEvent.keepAttr = true;\n hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set\n _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);\n value = hookEvent.attrValue;\n /* Full DOM Clobbering protection via namespace isolation,\n * Prefix id and name attributes with `user-content-`\n */\n if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {\n // Remove the attribute with this value\n _removeAttribute(name, currentNode);\n // Prefix the value and later re-create the attribute with the sanitized value\n value = SANITIZE_NAMED_PROPS_PREFIX + value;\n }\n /* Work around a security issue with comments inside attributes */\n if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\\/(style|title)/i, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Did the hooks approve of the attribute? */\n if (hookEvent.forceKeepAttr) {\n continue;\n }\n /* Did the hooks approve of the attribute? */\n if (!hookEvent.keepAttr) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Work around a security issue in jQuery 3.0 */\n if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\\/>/i, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Sanitize attribute content to be template-safe */\n if (SAFE_FOR_TEMPLATES) {\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n value = stringReplace(value, expr, ' ');\n });\n }\n /* Is `value` valid for this attribute? */\n const lcTag = transformCaseFunc(currentNode.nodeName);\n if (!_isValidAttribute(lcTag, lcName, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Handle attributes that require Trusted Types */\n if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {\n if (namespaceURI) ; else {\n switch (trustedTypes.getAttributeType(lcTag, lcName)) {\n case 'TrustedHTML':\n {\n value = trustedTypesPolicy.createHTML(value);\n break;\n }\n case 'TrustedScriptURL':\n {\n value = trustedTypesPolicy.createScriptURL(value);\n break;\n }\n }\n }\n }\n /* Handle invalid data-* attribute set by try-catching it */\n if (value !== initValue) {\n try {\n if (namespaceURI) {\n currentNode.setAttributeNS(namespaceURI, name, value);\n } else {\n /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. \"x-schema\". */\n currentNode.setAttribute(name, value);\n }\n if (_isClobbered(currentNode)) {\n _forceRemove(currentNode);\n } else {\n arrayPop(DOMPurify.removed);\n }\n } catch (_) {\n _removeAttribute(name, currentNode);\n }\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);\n };\n /**\n * _sanitizeShadowDOM\n *\n * @param fragment to iterate over recursively\n */\n const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {\n let shadowNode = null;\n const shadowIterator = _createNodeIterator(fragment);\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);\n while (shadowNode = shadowIterator.nextNode()) {\n /* Execute a hook if present */\n _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);\n /* Sanitize tags and elements */\n _sanitizeElements(shadowNode);\n /* Check attributes next */\n _sanitizeAttributes(shadowNode);\n /* Deep shadow DOM detected */\n if (shadowNode.content instanceof DocumentFragment) {\n _sanitizeShadowDOM(shadowNode.content);\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);\n };\n // eslint-disable-next-line complexity\n DOMPurify.sanitize = function (dirty) {\n let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n let body = null;\n let importedNode = null;\n let currentNode = null;\n let returnNode = null;\n /* Make sure we have a string to sanitize.\n DO NOT return early, as this will return the wrong type if\n the user has requested a DOM object rather than a string */\n IS_EMPTY_INPUT = !dirty;\n if (IS_EMPTY_INPUT) {\n dirty = '';\n }\n /* Stringify, in case dirty is an object */\n if (typeof dirty !== 'string' && !_isNode(dirty)) {\n if (typeof dirty.toString === 'function') {\n dirty = dirty.toString();\n if (typeof dirty !== 'string') {\n throw typeErrorCreate('dirty is not a string, aborting');\n }\n } else {\n throw typeErrorCreate('toString is not a function');\n }\n }\n /* Return dirty HTML if DOMPurify cannot run */\n if (!DOMPurify.isSupported) {\n return dirty;\n }\n /* Assign config vars */\n if (!SET_CONFIG) {\n _parseConfig(cfg);\n }\n /* Clean up removed elements */\n DOMPurify.removed = [];\n /* Check if dirty is correctly typed for IN_PLACE */\n if (typeof dirty === 'string') {\n IN_PLACE = false;\n }\n if (IN_PLACE) {\n /* Do some early pre-sanitization to avoid unsafe root nodes */\n if (dirty.nodeName) {\n const tagName = transformCaseFunc(dirty.nodeName);\n if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {\n throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');\n }\n }\n } else if (dirty instanceof Node) {\n /* If dirty is a DOM element, append to an empty document to avoid\n elements being stripped by the parser */\n body = _initDocument('');\n importedNode = body.ownerDocument.importNode(dirty, true);\n if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {\n /* Node is already a body, use as is */\n body = importedNode;\n } else if (importedNode.nodeName === 'HTML') {\n body = importedNode;\n } else {\n // eslint-disable-next-line unicorn/prefer-dom-node-append\n body.appendChild(importedNode);\n }\n } else {\n /* Exit directly if we have nothing to do */\n if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&\n // eslint-disable-next-line unicorn/prefer-includes\n dirty.indexOf('<') === -1) {\n return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;\n }\n /* Initialize the document to work on */\n body = _initDocument(dirty);\n /* Check we have a DOM node from the data */\n if (!body) {\n return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';\n }\n }\n /* Remove first element node (ours) if FORCE_BODY is set */\n if (body && FORCE_BODY) {\n _forceRemove(body.firstChild);\n }\n /* Get node iterator */\n const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);\n /* Now start iterating over the created document */\n while (currentNode = nodeIterator.nextNode()) {\n /* Sanitize tags and elements */\n _sanitizeElements(currentNode);\n /* Check attributes next */\n _sanitizeAttributes(currentNode);\n /* Shadow DOM detected, sanitize it */\n if (currentNode.content instanceof DocumentFragment) {\n _sanitizeShadowDOM(currentNode.content);\n }\n }\n /* If we sanitized `dirty` in-place, return it. */\n if (IN_PLACE) {\n return dirty;\n }\n /* Return sanitized string or DOM */\n if (RETURN_DOM) {\n if (RETURN_DOM_FRAGMENT) {\n returnNode = createDocumentFragment.call(body.ownerDocument);\n while (body.firstChild) {\n // eslint-disable-next-line unicorn/prefer-dom-node-append\n returnNode.appendChild(body.firstChild);\n }\n } else {\n returnNode = body;\n }\n if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {\n /*\n AdoptNode() is not used because internal state is not reset\n (e.g. the past names map of a HTMLFormElement), this is safe\n in theory but we would rather not risk another attack vector.\n The state that is cloned by importNode() is explicitly defined\n by the specs.\n */\n returnNode = importNode.call(originalDocument, returnNode, true);\n }\n return returnNode;\n }\n let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;\n /* Serialize doctype if allowed */\n if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {\n serializedHTML = '\\n' + serializedHTML;\n }\n /* Sanitize final string template-safe */\n if (SAFE_FOR_TEMPLATES) {\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n serializedHTML = stringReplace(serializedHTML, expr, ' ');\n });\n }\n return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;\n };\n DOMPurify.setConfig = function () {\n let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n _parseConfig(cfg);\n SET_CONFIG = true;\n };\n DOMPurify.clearConfig = function () {\n CONFIG = null;\n SET_CONFIG = false;\n };\n DOMPurify.isValidAttribute = function (tag, attr, value) {\n /* Initialize shared config vars if necessary. */\n if (!CONFIG) {\n _parseConfig({});\n }\n const lcTag = transformCaseFunc(tag);\n const lcName = transformCaseFunc(attr);\n return _isValidAttribute(lcTag, lcName, value);\n };\n DOMPurify.addHook = function (entryPoint, hookFunction) {\n if (typeof hookFunction !== 'function') {\n return;\n }\n arrayPush(hooks[entryPoint], hookFunction);\n };\n DOMPurify.removeHook = function (entryPoint, hookFunction) {\n if (hookFunction !== undefined) {\n const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);\n return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];\n }\n return arrayPop(hooks[entryPoint]);\n };\n DOMPurify.removeHooks = function (entryPoint) {\n hooks[entryPoint] = [];\n };\n DOMPurify.removeAllHooks = function () {\n hooks = _createHooksMap();\n };\n return DOMPurify;\n }\n var purify = createDOMPurify();\n\n return purify;\n\n}));\n\n}(purify));\n\nconst DOMPurify = purify.exports;\n\nexport { DOMPurify as D };\n\n//# sourceMappingURL=purify.js.map","function debounce(execute, wait) {\n let timer;\n return (...args) => {\n clearTimeout(timer);\n return new Promise((resolve) => {\n timer = setTimeout(() => resolve(execute(...args)), wait);\n });\n };\n}\n\nexport { debounce as d };\n\n//# sourceMappingURL=debounce-utils.js.map","import { h, forceUpdate } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\nimport { isNullOrUndefined } from '@eternal-baguette/bueno';\nimport { D as DOMPurify } from './purify.js';\nimport { d as debounce } from './debounce-utils.js';\nimport { p as promiseTimeout } from './event-utils.js';\n\n/**\n * Checks if a search box suggestion element has no query.\n *\n * @param el - The search box suggestion element to check\n * @returns True if the element has no query or the query is whitespace-only\n */\nfunction elementHasNoQuery(el) {\n return !el.query || el.query.trim() === '';\n}\n/**\n * Checks if a search box suggestion element has a query.\n *\n * @param el - The search box suggestion element to check\n * @returns True if the element has a non-empty, non-whitespace query\n */\nfunction elementHasQuery(el) {\n return !!el.query && el.query.trim() !== '';\n}\n\nconst SearchSlimIcon = `\n\n\n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SearchBoxWrapper = (props, children) => {\n const getClasses = () => {\n const baseClasses = 'flex bg-background w-full border border-neutral rounded-md focus-within:ring-3 absolute top-0 left-0';\n const focusClasses = props.disabled\n ? 'focus-within:border-disabled focus-within:ring-neutral'\n : 'focus-within:border-primary focus-within:ring-ring-primary';\n return [baseClasses, focusClasses].join(' ');\n };\n return (h(\"div\", { part: \"wrapper\", class: getClasses(), onFocusout: props.onFocusout }, children));\n};\n\nconst ClearSlim = `\n\n\n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst TextAreaClearButton = ({ inputRef, bindings, onClick, ...defaultButtonProps }) => (h(\"div\", { part: \"clear-button-wrapper\", class: \"ml-2 flex items-center justify-center py-2\" },\n h(Button, { style: \"text-transparent\", part: \"clear-button\", class: \"text-neutral-dark flex h-8 w-8 shrink-0 items-center justify-center\", onClick: () => {\n onClick?.();\n inputRef?.focus();\n }, ariaLabel: bindings.i18n.t('clear-searchbox'), ...defaultButtonProps },\n h(\"atomic-icon\", { part: \"clear-icon\", icon: ClearSlim, class: \"h-4 w-4\" }))));\n\nfunction getPopupAttributes(props) {\n return {\n autocomplete: 'off',\n autocapitalize: 'off',\n autocorrect: 'off',\n ...(props.activeDescendant && {\n 'aria-activedescendant': props.activeDescendant,\n }),\n 'aria-autocomplete': 'both',\n 'aria-haspopup': 'true',\n 'aria-controls': props.id,\n };\n}\nfunction syncTextWithReplica(elem, value) {\n const parent = elem?.parentNode;\n if (!parent) {\n return;\n }\n if (elem.value === '\\n') {\n return;\n }\n parent.dataset.replicatedValue = value ?? elem.value;\n}\nfunction resetReplicaText(elem) {\n const parent = elem?.parentNode;\n if (parent) {\n delete parent.dataset.replicatedValue;\n }\n}\nfunction collapseTextArea(elem) {\n const parent = elem?.parentNode;\n if (parent) {\n parent.classList.remove('expanded');\n }\n}\nfunction expandTextArea(elem) {\n const parent = elem?.parentNode;\n if (parent) {\n parent.classList.add('expanded');\n }\n}\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SearchTextArea = ({ textAreaRef, loading, bindings, onInput, onFocus, onBlur, onChange, onKeyDown, onKeyUp, value, ariaLabel, onClear, popup, ...defaultInputProps }) => (h(\"div\", { class: \"flex grow overflow-hidden\" },\n h(\"div\", { part: \"textarea-expander\", class: \"grid grow overflow-hidden\" },\n h(\"textarea\", { part: \"textarea\", \"aria-label\": ariaLabel, placeholder: bindings.i18n.t('search'), class: \"placeholder-neutral-dark\", rows: 1, onInput: (e) => {\n onInput?.(e);\n syncTextWithReplica(textAreaRef);\n }, onKeyDown: (e) => {\n syncTextWithReplica(textAreaRef);\n if (e.key === 'Enter') {\n if (e.shiftKey) {\n return;\n }\n e.preventDefault();\n }\n onKeyDown?.(e);\n }, onKeyUp: (e) => {\n onKeyUp?.(e);\n if (e.key === 'Enter') {\n e.preventDefault();\n return;\n }\n syncTextWithReplica(textAreaRef);\n }, onBlur: (e) => {\n onBlur?.(e);\n collapseTextArea(textAreaRef);\n syncTextWithReplica(textAreaRef);\n }, onChange: (e) => {\n onChange?.(e);\n syncTextWithReplica(textAreaRef);\n }, onFocus: (e) => {\n onFocus?.(e);\n const target = e.target;\n syncTextWithReplica(textAreaRef ?? target);\n expandTextArea(textAreaRef ?? target);\n }, autocomplete: \"off\", ...(popup && getPopupAttributes(popup)), ...defaultInputProps, value: value })),\n loading && (h(\"div\", { class: \"searchbox-button-wrapper ml-2 flex items-center justify-center\" },\n h(\"span\", { part: \"loading\", class: \"loading mr-2 grid h-5 w-5 animate-spin place-items-center rounded-full bg-linear-to-r\" }))),\n !loading && value && (h(TextAreaClearButton, { inputRef: textAreaRef, bindings: bindings, onClick: () => {\n onClear();\n resetReplicaText(textAreaRef);\n } }))));\n\nclass SuggestionManager {\n constructor(ownerSearchBoxProps) {\n this.ownerSearchBoxProps = ownerSearchBoxProps;\n this.suggestions = [];\n this.leftSuggestionElements = [];\n this.rightSuggestionElements = [];\n this.leftPanel = undefined;\n this.rightPanel = undefined;\n this.activeDescendant = '';\n this.suggestedQuery = '';\n this.keyboardActiveDescendant = '';\n this.queryDataAttribute = 'data-query';\n this.suggestionEvents = [];\n this.previousActiveDescendantElement = null;\n this.leftSuggestions = [];\n this.rightSuggestions = [];\n this.triggerSuggestions = debounce(() => this.executeQuerySuggestion(), this.ownerSearchBoxProps.getSuggestionDelay());\n }\n get partialSuggestionBindings() {\n return {\n suggestedQuery: () => this.suggestedQuery,\n clearSuggestions: () => this.clearSuggestions(),\n triggerSuggestions: () => this.triggerSuggestions(),\n getSuggestions: () => this.suggestions,\n getSuggestionElements: () => this.allSuggestionElements,\n };\n }\n get activeDescendantElement() {\n if (!this.hasActiveDescendant) {\n return null;\n }\n return (this.leftPanel?.querySelector(`#${this.activeDescendant}`) ||\n this.rightPanel?.querySelector(`#${this.activeDescendant}`) ||\n null);\n }\n onSubmit() {\n this.clickOnActiveElement();\n this.clearSuggestions();\n }\n updateActiveDescendant(id = '') {\n this.activeDescendant = id;\n forceUpdate(this.ownerSearchBoxProps.getHost());\n }\n updateKeyboardActiveDescendant(id = '') {\n this.keyboardActiveDescendant = id;\n }\n clickOnActiveElement() {\n this.activeDescendantElement?.click();\n this.updateActiveDescendant();\n }\n isRightPanelInFocus() {\n if (isNullOrUndefined(this.panelInFocus) ||\n isNullOrUndefined(this.rightPanel)) {\n return false;\n }\n return this.panelInFocus === this.rightPanel;\n }\n initializeSuggestions(bindings) {\n this.suggestions = this.suggestionEvents.map((event) => event(bindings));\n }\n registerSuggestionsFromEvent(event, bindings) {\n event.preventDefault();\n event.stopPropagation();\n this.suggestionEvents.push(event.detail);\n this.suggestions.push(event.detail(bindings));\n }\n registerSuggestions(suggestions) {\n this.suggestions.push(suggestions);\n }\n get isDoubleList() {\n return Boolean(this.leftSuggestionElements.length && this.rightSuggestionElements.length);\n }\n focusPanel(side) {\n const panel = side === 'left' ? this.leftPanel : this.rightPanel;\n if (this.panelInFocus === panel) {\n return;\n }\n if (panel?.firstElementChild) {\n const panelHasActiveDescendant = this.previousActiveDescendantElement &&\n panel.contains(this.previousActiveDescendantElement);\n const newValue = panelHasActiveDescendant\n ? this.previousActiveDescendantElement\n : panel.firstElementChild;\n this.updateDescendants(newValue.id);\n }\n }\n clearSuggestions() {\n this.clearSuggestionElements();\n this.updateActiveDescendant();\n }\n async focusNextValue() {\n if (!this.hasSuggestions || !this.nextOrFirstValue) {\n return;\n }\n await this.focusValue(this.nextOrFirstValue);\n }\n async focusValue(value) {\n this.updateKeyboardActiveDescendant(value.id);\n this.updateActiveDescendant(value.id);\n this.scrollActiveDescendantIntoView();\n await this.updateQueryFromSuggestion();\n }\n async onSuggestionMouseOver(item, side, id) {\n const thisPanel = side === 'left' ? this.leftPanel : this.rightPanel;\n // When hovering, always reset the keyboard active descendant\n this.updateKeyboardActiveDescendant();\n if (this.panelInFocus === thisPanel) {\n this.updateActiveDescendant(id);\n }\n else {\n this.updateDescendants(id);\n }\n if (item.query) {\n await this.updateSuggestedQuery(item.query);\n }\n }\n async onSuggestionClick(item, e) {\n if (item.query) {\n this.clearSuggestions();\n await this.updateOwnerSearchboxQuery(item.query);\n }\n item.onSelect?.(e);\n }\n get hasSuggestions() {\n return !!this.allSuggestionElements.length;\n }\n get allSuggestionElements() {\n return [...this.leftSuggestionElements, ...this.rightSuggestionElements];\n }\n async focusPreviousValue() {\n if (this.firstValue === this.activeDescendantElement) {\n this.updateKeyboardActiveDescendant();\n this.updateActiveDescendant();\n return;\n }\n if (!this.hasSuggestions || !this.previousOrLastValue) {\n return;\n }\n await this.focusValue(this.previousOrLastValue);\n }\n get hasActiveDescendant() {\n return this.activeDescendant !== '';\n }\n async executeQuerySuggestion() {\n this.updateActiveDescendant();\n const settled = await Promise.allSettled(this.suggestions.map((suggestion) => promiseTimeout(suggestion.onInput ? suggestion.onInput() : Promise.resolve(), this.ownerSearchBoxProps.getSuggestionTimeout())));\n const fulfilledSuggestions = [];\n settled.forEach((prom, j) => {\n if (prom.status === 'fulfilled') {\n fulfilledSuggestions.push(this.suggestions[j]);\n }\n else {\n this.ownerSearchBoxProps\n .getLogger()\n .warn('Some query suggestions are not being shown because the promise timed out.');\n }\n });\n const splitSuggestions = (side, isDefault = false) => fulfilledSuggestions\n .filter((suggestion) => suggestion.panel === side || (!suggestion.panel && isDefault))\n .sort(this.sortSuggestions);\n this.leftSuggestions = splitSuggestions('left', true);\n this.leftSuggestionElements = this.getAndFilterLeftSuggestionElements();\n this.rightSuggestions = splitSuggestions('right');\n this.rightSuggestionElements = this.getSuggestionElements(this.rightSuggestions);\n const defaultSuggestedQuery = this.allSuggestionElements.find(elementHasQuery)?.query || '';\n await this.updateSuggestedQuery(defaultSuggestedQuery);\n }\n get lastValue() {\n return this.panelInFocus?.lastElementChild;\n }\n get previousOrLastValue() {\n if (!this.hasActiveDescendant) {\n return this.lastValue?.firstChild;\n }\n const parentOfActiveDescendant = this.activeDescendantElement?.parentElement;\n return (parentOfActiveDescendant?.previousElementSibling?.firstChild ||\n this.firstValue?.firstChild);\n }\n sortSuggestions(a, b) {\n return a.position - b.position;\n }\n get nextOrFirstValue() {\n if (!this.hasActiveDescendant) {\n return this.firstValue?.firstChild;\n }\n const parentOfActiveDescendant = this.activeDescendantElement?.parentElement;\n return (parentOfActiveDescendant?.nextElementSibling?.firstChild ||\n this.firstValue?.firstChild);\n }\n get firstValue() {\n return this.panelInFocus?.firstElementChild;\n }\n get panelInFocus() {\n if (this.leftPanel?.contains(this.activeDescendantElement)) {\n return this.leftPanel;\n }\n if (this.rightPanel?.contains(this.activeDescendantElement)) {\n return this.rightPanel;\n }\n return this.leftPanel || this.rightPanel;\n }\n scrollActiveDescendantIntoView() {\n this.activeDescendantElement?.scrollIntoView({\n block: 'nearest',\n });\n }\n async updateQueryFromSuggestion() {\n const suggestedQuery = this.activeDescendantElement?.getAttribute(this.queryDataAttribute);\n await this.updateOwnerSearchboxQuery(suggestedQuery || '');\n }\n async updateOwnerSearchboxQuery(query) {\n if (query && this.ownerSearchBoxProps.getSearchBoxValue() !== query) {\n this.ownerSearchBoxProps.updateQuery(query);\n await this.updateSuggestedQuery(query);\n }\n }\n async updateSuggestedQuery(suggestedQuery) {\n await Promise.allSettled(this.suggestions.map((suggestion) => promiseTimeout(suggestion.onSuggestedQueryChange\n ? suggestion.onSuggestedQueryChange(suggestedQuery)\n : Promise.resolve(), this.ownerSearchBoxProps.getSuggestionTimeout())));\n this.suggestedQuery = suggestedQuery;\n this.updateSuggestionElements(suggestedQuery);\n forceUpdate(this.ownerSearchBoxProps.getHost());\n }\n updateSuggestionElements(query) {\n if (!this.isPanelInFocus(this.leftPanel, query)) {\n this.leftSuggestionElements = this.getAndFilterLeftSuggestionElements();\n }\n if (!this.isPanelInFocus(this.rightPanel, query)) {\n this.rightSuggestionElements = this.getSuggestionElements(this.rightSuggestions);\n }\n }\n forceUpdate() {\n this.updateSuggestionElements(this.suggestedQuery);\n forceUpdate(this.ownerSearchBoxProps.getHost());\n }\n isPanelInFocus(panel, query) {\n if (!this.activeDescendantElement) {\n return false;\n }\n if (query) {\n const escaped = DOMPurify.sanitize(query);\n return !!panel?.querySelector(`[${this.queryDataAttribute}=\"${CSS.escape(escaped)}\"]`);\n }\n return this.activeDescendantElement?.closest('ul') === panel;\n }\n getAndFilterLeftSuggestionElements() {\n const suggestionElements = this.getSuggestionElements(this.leftSuggestions);\n const filterOnDuplicate = new Set();\n const out = suggestionElements.filter((suggestionElement) => {\n if (isNullOrUndefined(suggestionElement.query)) {\n return true;\n }\n if (filterOnDuplicate.has(suggestionElement.query)) {\n return false;\n }\n else {\n filterOnDuplicate.add(suggestionElement.query);\n return true;\n }\n });\n return out;\n }\n getSuggestionElements(suggestions) {\n const elements = suggestions.flatMap((suggestion) => suggestion.renderItems());\n const max = this.ownerSearchBoxProps.getNumberOfSuggestionsToDisplay() +\n elements.filter(elementHasNoQuery).length;\n return elements.slice(0, max);\n }\n updateDescendants(activeDescendant = '') {\n const newPrevDescendantElement = this.activeDescendantElement;\n this.previousActiveDescendantElement = newPrevDescendantElement;\n this.updateActiveDescendant(activeDescendant);\n }\n clearSuggestionElements() {\n this.leftSuggestionElements = [];\n this.rightSuggestionElements = [];\n }\n}\n\nexport { SuggestionManager as S, elementHasQuery as a, SearchSlimIcon as b, SearchBoxWrapper as c, SearchTextArea as d, elementHasNoQuery as e };\n\n//# sourceMappingURL=stencil-suggestion-manager.js.map","import { I as ItemContext, a as InteractiveItemContext, i as itemContext } from './stencil-item-decorators.js';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for result template components.\n * This allows the Stencil component to fetch the current result from its rendered parent, the `atomic-result` component.\n *\n * Example:\n * @ResultContext() private result!: Result;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `createResultContextController` from \\@/src/components/search/result-template-component-utils/context/result-context-controller.ts\n */\nfunction ResultContext(opts = { folded: false }) {\n return ItemContext({ parentName: 'atomic-result', folded: opts.folded });\n}\nfunction InteractiveResultContext() {\n return InteractiveItemContext();\n}\n/**\n * Retrieves `Result` on a rendered `atomic-result`.\n *\n * This method is useful for building custom result template elements, see [Create a Result List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-result-template-component-example) for more information.\n *\n * You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n *\n * @param element The element that the event is dispatched to, which must be the child of a rendered \"atomic-result\" element.\n * @returns A promise that resolves on initialization of the parent \"atomic-result\" element, or rejects when there is no parent \"atomic-result\" element.\n *\n * @deprecated should only be used for Stencil components. For Lit components, use `fetchResultContext` from \\@/src/components/search/result-template-component-utils/context/fetch-result-context.ts\n */\nfunction resultContext(element) {\n return itemContext(element, 'atomic-result');\n}\n\nexport { InteractiveResultContext as I, ResultContext as R, resultContext as r };\n\n//# sourceMappingURL=stencil-result-template-decorators.js.map","import { h, Host, getElement, forceUpdate } from '@stencil/core/internal/client';\nimport { c as closest } from './dom-utils.js';\nimport { b as buildCustomEvent } from './event-utils.js';\n\nfunction getWindow() {\n return window;\n}\nfunction getInitQueueNamespace() {\n if (!getWindow().initQueueNamespace) {\n getWindow().initQueueNamespace = {\n eventQueueMap: new Map(),\n parentReadyMap: new Map(),\n };\n }\n return getWindow().initQueueNamespace;\n}\nfunction getEventQueueMap() {\n return getInitQueueNamespace().eventQueueMap;\n}\nfunction getParentReadyMap() {\n return getInitQueueNamespace().parentReadyMap;\n}\nfunction isParentReady(parent) {\n const parentReadyMap = getParentReadyMap();\n return parentReadyMap.get(parent) || false;\n}\nfunction queueEventForParent(parent, event, element) {\n const eventQueueMap = getEventQueueMap();\n if (!eventQueueMap.has(parent)) {\n eventQueueMap.set(parent, []);\n }\n eventQueueMap.get(parent).push({ event, element });\n}\nfunction enqueueOrDispatchInitializationEvent(parent, event, element) {\n if (isParentReady(parent)) {\n element.dispatchEvent(event);\n }\n else {\n queueEventForParent(parent, event, element);\n }\n}\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nfunction fetchBindings(element) {\n return new Promise((resolve, reject) => {\n const event = buildCustomEvent(initializeEventName, (bindings) => resolve(bindings));\n const parent = closest(element, initializableElements.join(', '));\n if (!parent) {\n reject(new MissingInterfaceParentError(element.nodeName.toLowerCase()));\n return;\n }\n enqueueOrDispatchInitializationEvent(parent, event, element);\n });\n}\nclass MissingInterfaceParentError extends Error {\n constructor(elementName) {\n super(`The \"${elementName}\" element must be the child of the following elements: ${initializableElements.join(', ')}`);\n }\n}\nconst initializableElements = [\n 'atomic-recs-interface',\n 'atomic-search-interface',\n 'atomic-commerce-interface',\n 'atomic-commerce-recommendation-interface',\n 'atomic-relevance-inspector',\n 'atomic-insight-interface',\n 'atomic-external',\n];\nconst initializeEventName = 'atomic/initializeComponent';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nconst Hidden = () => (h(Host, { class: \"atomic-hidden\" }));\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nfunction InitializeBindings({ forceUpdate: forceUpdate$1, } = {}) {\n return (component, bindingsProperty) => {\n const { componentWillLoad, render, componentDidRender, componentDidLoad, disconnectedCallback, } = component;\n let unsubscribeLanguage = () => { };\n if (bindingsProperty !== 'bindings') {\n return console.error(`The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`, component);\n }\n component.componentWillLoad = function () {\n const element = getElement(this);\n element.setAttribute(renderedAttribute, 'false');\n element.setAttribute(loadedAttribute, 'false');\n const event = buildCustomEvent(initializeEventName, (bindings) => {\n this.bindings = bindings;\n const updateLanguage = () => forceUpdate(this);\n this.bindings.i18n.on('languageChanged', updateLanguage);\n unsubscribeLanguage = () => this.bindings.i18n.off('languageChanged', updateLanguage);\n try {\n // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n // In this case, we have to manually trigger it.\n if (this.initialize) {\n this.initialize();\n if (forceUpdate$1) {\n forceUpdate(this);\n }\n }\n else {\n forceUpdate(this);\n }\n }\n catch (e) {\n this.error = e;\n }\n });\n const parent = closest(element, initializableElements.join(', '));\n if (!parent) {\n this.error = new MissingInterfaceParentError(element.nodeName.toLowerCase());\n return;\n }\n enqueueOrDispatchInitializationEvent(parent, event, element);\n return componentWillLoad && componentWillLoad.call(this);\n };\n component.render = function () {\n if (this.error) {\n return (h(\"atomic-component-error\", { element: getElement(this), error: this.error }));\n }\n if (!this.bindings) {\n return h(Hidden, null);\n }\n getElement(this).setAttribute(renderedAttribute, 'true');\n return render && render.call(this);\n };\n component.disconnectedCallback = function () {\n const element = getElement(this);\n element.setAttribute(renderedAttribute, 'false');\n element.setAttribute(loadedAttribute, 'false');\n unsubscribeLanguage();\n disconnectedCallback && disconnectedCallback.call(this);\n };\n component.componentDidRender = function () {\n const element = getElement(this);\n if (element.getAttribute(renderedAttribute) === 'false') {\n return;\n }\n componentDidRender && componentDidRender.call(this);\n if (element.getAttribute(loadedAttribute) === 'false') {\n element.setAttribute(loadedAttribute, 'true');\n componentDidLoad && componentDidLoad.call(this);\n }\n };\n component.componentDidLoad = function () { };\n };\n}\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nfunction BindStateToController(controllerProperty, options) {\n return (component, stateProperty) => {\n const { disconnectedCallback, initialize } = component;\n component.initialize = function () {\n initialize && initialize.call(this);\n if (!initialize) {\n return console.error(`ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`, component);\n }\n if (!this[controllerProperty]) {\n return;\n }\n if (options?.onUpdateCallbackMethod &&\n !this[options.onUpdateCallbackMethod]) {\n return console.error(`ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`, component);\n }\n this.unsubscribeController = this[controllerProperty].subscribe(() => {\n this[stateProperty] = this[controllerProperty].state;\n options?.onUpdateCallbackMethod &&\n this[options.onUpdateCallbackMethod]();\n });\n };\n component.disconnectedCallback = function () {\n !getElement(this).isConnected && this.unsubscribeController?.();\n disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n\nexport { BindStateToController as B, Hidden as H, InitializeBindings as I, MissingInterfaceParentError as M, fetchBindings as f };\n\n//# sourceMappingURL=initialization-utils.js.map","function hasLightDOMSlotContent(element) {\n return ('slotContent' in element &&\n typeof element.slotContent === 'object');\n}\nfunction getNamedSlotContent(host, slotName) {\n if (hasLightDOMSlotContent(host)) {\n const targetLightDomSlotContent = host.slotContent[slotName];\n return (targetLightDomSlotContent?.filter((node) => node instanceof Element) || []);\n }\n const children = Array.from(host.children);\n return children.filter((child) => child.getAttribute('slot') === slotName);\n}\nfunction getDefaultSlotContent(host) {\n const children = Array.from(host.children);\n return children.filter((child) => !child.hasAttribute('slot') || child.getAttribute('slot') === '');\n}\n\nexport { getNamedSlotContent as a, getDefaultSlotContent as g };\n\n//# sourceMappingURL=slot-utils.js.map","import { a as getNamedSlotContent } from './slot-utils.js';\n\nfunction getAttributesFromLinkSlotContent(host, slotName) {\n const namedSlotContent = getNamedSlotContent(host, slotName);\n if (namedSlotContent.length === 0) {\n return;\n }\n if (namedSlotContent.length > 1) {\n console.warn(`More than one element found for slot \"${slotName}\", only the first one will be used.`, host);\n }\n const attributesSlotContent = namedSlotContent[0];\n if (attributesSlotContent.nodeName !== 'A') {\n console.warn(`Slot named \"${slotName}\" should be an \"a\" tag`, attributesSlotContent);\n return;\n }\n return Array.from(attributesSlotContent.attributes).filter(({ nodeName }) => {\n if (nodeName === 'slot') {\n return false;\n }\n if (nodeName === 'href') {\n console.warn('The \"href\" attribute set on the \"attributes\" slot element will be ignored.');\n return false;\n }\n return true;\n });\n}\n\nexport { getAttributesFromLinkSlotContent as g };\n\n//# sourceMappingURL=attributes-slot.js.map","const bindAnalyticsToLink = (link, { onSelect, onBeginDelayedSelect, onCancelPendingSelect, stopPropagation = true, }) => {\n const stopPropagationAndProcess = (e, process) => {\n stopPropagation && e.stopPropagation();\n process();\n };\n const selectHandler = (e) => stopPropagationAndProcess(e, onSelect);\n const touchStartHandler = (e) => stopPropagationAndProcess(e, onBeginDelayedSelect);\n const touchEndHandler = (e) => stopPropagationAndProcess(e, onCancelPendingSelect);\n ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.addEventListener(eventName, selectHandler));\n link.addEventListener('touchstart', touchStartHandler, { passive: true });\n link.addEventListener('touchend', touchEndHandler, { passive: true });\n return () => {\n ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.removeEventListener(eventName, selectHandler));\n link.removeEventListener('touchstart', touchStartHandler);\n link.removeEventListener('touchend', touchEndHandler);\n };\n};\n\nexport { bindAnalyticsToLink as b };\n\n//# sourceMappingURL=bind-analytics-to-link.js.map","import { h } from '@stencil/core/internal/client';\nimport { b as bindAnalyticsToLink } from './bind-analytics-to-link.js';\n\nfunction filterProtocol(uri) {\n const isAbsolute = /^(https?|ftp|file|mailto|tel|sip|data):/i.test(uri);\n const isRelative = /^\\//.test(uri);\n return isAbsolute || isRelative ? uri : '';\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst LinkWithItemAnalytics = ({ href, className, part, title, onSelect, onBeginDelayedSelect, onCancelPendingSelect, onMouseOver, onMouseLeave, onFocus, onBlur, ref, attributes, tabIndex, ariaHidden, rel, stopPropagation = true, target = '_self', }, children) => {\n return (h(\"a\", { class: className, part: part, href: filterProtocol(href), target: target, title: title, rel: rel, ref: (el) => {\n if (ref) {\n ref(el);\n }\n if (!el) {\n return;\n }\n bindAnalyticsToLink(el, {\n onSelect,\n onBeginDelayedSelect,\n onCancelPendingSelect,\n stopPropagation,\n });\n if (attributes?.length) {\n [...attributes].forEach(({ nodeName, nodeValue }) => {\n el.setAttribute(nodeName, nodeValue);\n });\n }\n if (ariaHidden) {\n el.setAttribute('aria-hidden', 'true');\n }\n }, tabIndex: tabIndex, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, children));\n};\n\nexport { LinkWithItemAnalytics as L };\n\n//# sourceMappingURL=stencil-item-link.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { isUndefined } from '@eternal-baguette/bueno';\nimport { buildInteractiveResult, loadIPXActionsHistoryActions } from '@eternal-baguette/headless';\nimport { b as buildCustomEvent } from './event-utils.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { g as getDefaultSlotContent } from './slot-utils.js';\nimport { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';\nimport { L as LinkWithItemAnalytics } from './stencil-item-link.js';\nimport { R as ResultContext, I as InteractiveResultContext } from './stencil-result-template-decorators.js';\n\nfunction readFromObject(object, key) {\n const keys = key.split('.');\n let current = object;\n for (const k of keys) {\n if (current && typeof current === 'object' && k in current) {\n current = current[k];\n }\n else {\n return undefined;\n }\n }\n return typeof current === 'string' ? current : undefined;\n}\n\n/**\n * Binds the logging of document\n * @returns An unbind function for the events\n * @param engine A headless search engine instance.\n * @param result The result object\n * @param resultElement Parent result element\n * @param selector Optional. Css selector that selects all links to the document. Default: \"a\" tags with the clickUri as \"href\" parameter.\n */\nfunction bindLogDocumentOpenOnResult(engine, result, resultElement, selector) {\n const interactiveResult = buildInteractiveResult(engine, {\n options: { result },\n });\n const eventsMap = {\n contextmenu: () => interactiveResult.select(),\n click: () => interactiveResult.select(),\n mouseup: () => interactiveResult.select(),\n mousedown: () => interactiveResult.select(),\n touchstart: () => interactiveResult.beginDelayedSelect(),\n touchend: () => interactiveResult.cancelPendingSelect(),\n };\n const elements = resultElement.querySelectorAll(selector || 'a');\n elements.forEach((element) => {\n Object.keys(eventsMap).forEach((key) => element.addEventListener(key, eventsMap[key]));\n });\n return () => {\n elements.forEach((element) => {\n Object.keys(eventsMap).forEach((key) => element.removeEventListener(key, eventsMap[key]));\n });\n };\n}\nfunction buildStringTemplateFromResult(template, result, bindings) {\n return template.replace(/\\${(.*?)}/g, (value) => {\n const key = value.substring(2, value.length - 1);\n let newValue = readFromObject(result, key);\n if (!newValue && typeof window !== 'undefined') {\n newValue = readFromObject(window, key);\n }\n if (!newValue) {\n bindings.engine.logger.warn(`${key} used in the href template is undefined for this result: ${result.uniqueId} and could not be found in the window object.`);\n return '';\n }\n return newValue;\n });\n}\n\nconst atomicIpxResultLinkCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\natomic-ipx-result-link a:hover, atomic-ipx-result-link a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\natomic-ipx-result-link a:focus {\\n outline: none;\\n}\\natomic-ipx-result-link a:visited {\\n color: var(--atomic-visited);\\n}\\natomic-ipx-result-link a:hover, atomic-ipx-result-link a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\natomic-ipx-result-link a:focus {\\n outline: none;\\n}\\natomic-ipx-result-link a:visited {\\n color: var(--atomic-visited);\\n}\\natomic-ipx-result-link a {\\n color: var(--atomic-on-background);\\n}\\natomic-ipx-result-link a:hover, atomic-ipx-result-link a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\natomic-ipx-result-link a:focus {\\n outline: none;\\n}\\natomic-ipx-result-link a:visited {\\n color: var(--atomic-visited);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxResultLinkStyle0 = atomicIpxResultLinkCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXResultLink = /*@__PURE__*/ proxyCustomElement(class AtomicIPXResultLink extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.hrefTemplate = undefined;\n }\n initialize() {\n this.host.dispatchEvent(buildCustomEvent('atomic/resolveStopPropagation', (stopPropagation) => {\n this.stopPropagation = stopPropagation;\n }));\n this.actionsHistoryActions = loadIPXActionsHistoryActions(this.bindings.engine);\n }\n connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;\n this.linkAttributes = getAttributesFromLinkSlotContent(this.host, slotName);\n }\n async onSelect() {\n const resultPermanentId = this.result.raw.permanentid;\n if (resultPermanentId && this.actionsHistoryActions) {\n const action = this.actionsHistoryActions.addPageViewEntryInActionsHistory(resultPermanentId);\n this.bindings.engine.dispatch(action);\n }\n this.interactiveResult.select();\n }\n render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);\n return (h(LinkWithItemAnalytics, { key: '88b7ec24e765496b705d3850f045972d4809e88e', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h(\"slot\", null)) : (h(\"atomic-result-text\", { field: \"title\", default: \"no-title\" }))));\n }\n get host() { return this; }\n static get style() { return AtomicIpxResultLinkStyle0; }\n}, [4, \"atomic-ipx-result-link\", {\n \"hrefTemplate\": [513, \"href-template\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXResultLink.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicIPXResultLink.prototype, \"result\", void 0);\n__decorate([\n InteractiveResultContext()\n], AtomicIPXResultLink.prototype, \"interactiveResult\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-result-link\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-result-link\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXResultLink);\n }\n break;\n } });\n}\n\nconst AtomicIpxResultLink = AtomicIPXResultLink;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxResultLink, bindLogDocumentOpenOnResult as b, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-result-link.js.map","import { h } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetPlaceholder = ({ numberOfValues, isCollapsed, }) => {\n const facetValues = [];\n for (let i = 0; i < numberOfValues; i++) {\n facetValues.push(h(\"div\", { class: \"bg-neutral mt-4 flex h-5\", style: { width: '100%', opacity: '0.5' } }));\n }\n return (h(\"div\", { part: \"placeholder\", class: \"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\", \"aria-hidden\": \"true\" },\n h(\"div\", { class: \"bg-neutral h-8 rounded\", style: { width: '75%' } }),\n !isCollapsed && h(\"div\", { class: \"mt-7\" }, facetValues)));\n};\n\nexport { FacetPlaceholder as F };\n\n//# sourceMappingURL=stencil-facet-placeholder.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, NumberValue } from '@eternal-baguette/bueno';\nimport { buildSearchStatus, buildAutomaticFacetGenerator } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicAutomaticFacetGenerator = /*@__PURE__*/ proxyCustomElement(class AtomicAutomaticFacetGenerator extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * The desired count of automatic facets.\n *\n * Minimum: `1`\n * Maximum: `20`\n * @defaultValue `5`\n */\n this.desiredCount = 5;\n /**\n * The desired number of automatically generated facet values.\n *\n * Minimum: `1`\n * @defaultValue `8`\n */\n this.numberOfValues = 8;\n this.collapseFacetsAfter = -1;\n this.error = undefined;\n this.automaticFacetGeneratorState = undefined;\n this.searchStatusState = undefined;\n this.desiredCount = 5;\n this.numberOfValues = 8;\n this.collapseFacetsAfter = -1;\n }\n initialize() {\n this.validateProps();\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.automaticFacetGenerator = buildAutomaticFacetGenerator(this.bindings.engine, {\n options: {\n desiredCount: this.desiredCount,\n numberOfValues: this.numberOfValues,\n },\n });\n }\n async updateCollapseFacetsDependingOnFacetsVisibility(collapseAfter, numberOfVisibleFacets) {\n if (collapseAfter === -1) {\n this.collapseFacetsAfter = -1;\n return;\n }\n this.collapseFacetsAfter = Math.max(0, collapseAfter - numberOfVisibleFacets);\n }\n validateProps() {\n new Schema({\n collapseFacetAfter: new NumberValue({ min: -1, required: false }),\n }).validate({\n collapseFacetAfter: this.collapseFacetsAfter,\n });\n }\n shouldCollapseFacet(index) {\n if (this.collapseFacetsAfter === -1) {\n return false;\n }\n return this.collapseFacetsAfter\n ? index + 1 > this.collapseFacetsAfter\n : true;\n }\n render() {\n const automaticFacets = this.automaticFacetGeneratorState.automaticFacets.map((facet, index) => {\n return (h(\"atomic-automatic-facet\", { key: facet.state.field, field: facet.state.field, facetId: facet.state.field, facet: facet, searchStatus: this.searchStatus, isCollapsed: this.shouldCollapseFacet(index) }));\n });\n if (!this.searchStatus.state.firstSearchExecuted) {\n return Array.from({ length: this.desiredCount }, (_, index) => (h(FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.shouldCollapseFacet(index) })));\n }\n return automaticFacets;\n }\n}, [0, \"atomic-automatic-facet-generator\", {\n \"desiredCount\": [514, \"desired-count\"],\n \"numberOfValues\": [514, \"number-of-values\"],\n \"error\": [32],\n \"automaticFacetGeneratorState\": [32],\n \"searchStatusState\": [32],\n \"collapseFacetsAfter\": [32],\n \"updateCollapseFacetsDependingOnFacetsVisibility\": [64]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicAutomaticFacetGenerator.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('automaticFacetGenerator')\n], AtomicAutomaticFacetGenerator.prototype, \"automaticFacetGeneratorState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicAutomaticFacetGenerator.prototype, \"searchStatusState\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-automatic-facet-generator\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-automatic-facet-generator\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicAutomaticFacetGenerator);\n }\n break;\n } });\n}\n\nexport { AtomicAutomaticFacetGenerator as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-automatic-facet-generator2.js.map","import { h } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst Heading = ({ level, ...htmlProps }, children) => {\n const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';\n return h(HeadingTag, { ...htmlProps }, children);\n};\n\nexport { Heading as H };\n\n//# sourceMappingURL=stencil-heading.js.map","var top = 'top';\nvar bottom = 'bottom';\nvar right = 'right';\nvar left = 'left';\nvar auto = 'auto';\nvar basePlacements = [top, bottom, right, left];\nvar start = 'start';\nvar end = 'end';\nvar clippingParents = 'clippingParents';\nvar viewport = 'viewport';\nvar popper = 'popper';\nvar reference = 'reference';\nvar variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nvar placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nvar beforeRead = 'beforeRead';\nvar read = 'read';\nvar afterRead = 'afterRead'; // pure-logic modifiers\n\nvar beforeMain = 'beforeMain';\nvar main = 'main';\nvar afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nvar beforeWrite = 'beforeWrite';\nvar write = 'write';\nvar afterWrite = 'afterWrite';\nvar modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];\n\nfunction getNodeName(element) {\n return element ? (element.nodeName || '').toLowerCase() : null;\n}\n\nfunction getWindow(node) {\n if (node == null) {\n return window;\n }\n\n if (node.toString() !== '[object Window]') {\n var ownerDocument = node.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView || window : window;\n }\n\n return node;\n}\n\nfunction isElement(node) {\n var OwnElement = getWindow(node).Element;\n return node instanceof OwnElement || node instanceof Element;\n}\n\nfunction isHTMLElement(node) {\n var OwnElement = getWindow(node).HTMLElement;\n return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nfunction isShadowRoot(node) {\n // IE 11 has no ShadowRoot\n if (typeof ShadowRoot === 'undefined') {\n return false;\n }\n\n var OwnElement = getWindow(node).ShadowRoot;\n return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n var state = _ref.state;\n Object.keys(state.elements).forEach(function (name) {\n var style = state.styles[name] || {};\n var attributes = state.attributes[name] || {};\n var element = state.elements[name]; // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n } // Flow doesn't support to extend this property, but it's the most\n // effective way to apply styles to an HTMLElement\n // $FlowFixMe[cannot-write]\n\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (name) {\n var value = attributes[name];\n\n if (value === false) {\n element.removeAttribute(name);\n } else {\n element.setAttribute(name, value === true ? '' : value);\n }\n });\n });\n}\n\nfunction effect$1(_ref2) {\n var state = _ref2.state;\n var initialStyles = {\n popper: {\n position: state.options.strategy,\n left: '0',\n top: '0',\n margin: '0'\n },\n arrow: {\n position: 'absolute'\n },\n reference: {}\n };\n Object.assign(state.elements.popper.style, initialStyles.popper);\n state.styles = initialStyles;\n\n if (state.elements.arrow) {\n Object.assign(state.elements.arrow.style, initialStyles.arrow);\n }\n\n return function () {\n Object.keys(state.elements).forEach(function (name) {\n var element = state.elements[name];\n var attributes = state.attributes[name] || {};\n var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n var style = styleProperties.reduce(function (style, property) {\n style[property] = '';\n return style;\n }, {}); // arrow is optional + virtual elements\n\n if (!isHTMLElement(element) || !getNodeName(element)) {\n return;\n }\n\n Object.assign(element.style, style);\n Object.keys(attributes).forEach(function (attribute) {\n element.removeAttribute(attribute);\n });\n });\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nconst applyStyles$1 = {\n name: 'applyStyles',\n enabled: true,\n phase: 'write',\n fn: applyStyles,\n effect: effect$1,\n requires: ['computeStyles']\n};\n\nfunction getBasePlacement(placement) {\n return placement.split('-')[0];\n}\n\nvar max = Math.max;\nvar min = Math.min;\nvar round = Math.round;\n\nfunction getUAString() {\n var uaData = navigator.userAgentData;\n\n if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {\n return uaData.brands.map(function (item) {\n return item.brand + \"/\" + item.version;\n }).join(' ');\n }\n\n return navigator.userAgent;\n}\n\nfunction isLayoutViewport() {\n return !/^((?!chrome|android).)*safari/i.test(getUAString());\n}\n\nfunction getBoundingClientRect(element, includeScale, isFixedStrategy) {\n if (includeScale === void 0) {\n includeScale = false;\n }\n\n if (isFixedStrategy === void 0) {\n isFixedStrategy = false;\n }\n\n var clientRect = element.getBoundingClientRect();\n var scaleX = 1;\n var scaleY = 1;\n\n if (includeScale && isHTMLElement(element)) {\n scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;\n scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;\n }\n\n var _ref = isElement(element) ? getWindow(element) : window,\n visualViewport = _ref.visualViewport;\n\n var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;\n var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;\n var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;\n var width = clientRect.width / scaleX;\n var height = clientRect.height / scaleY;\n return {\n width: width,\n height: height,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x,\n x: x,\n y: y\n };\n}\n\n// means it doesn't take into account transforms.\n\nfunction getLayoutRect(element) {\n var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n var width = element.offsetWidth;\n var height = element.offsetHeight;\n\n if (Math.abs(clientRect.width - width) <= 1) {\n width = clientRect.width;\n }\n\n if (Math.abs(clientRect.height - height) <= 1) {\n height = clientRect.height;\n }\n\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: width,\n height: height\n };\n}\n\nfunction contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}\n\nfunction getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}\n\nfunction isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}\n\nfunction getDocumentElement(element) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n element.document) || window.document).documentElement;\n}\n\nfunction getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n // $FlowFixMe[incompatible-return]\n // $FlowFixMe[prop-missing]\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || ( // DOM Element detected\n isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var isFirefox = /firefox/i.test(getUAString());\n var isIE = /Trident/i.test(getUAString());\n\n if (isIE && isHTMLElement(element)) {\n // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n var elementCss = getComputedStyle(element);\n\n if (elementCss.position === 'fixed') {\n return null;\n }\n }\n\n var currentNode = getParentNode(element);\n\n if (isShadowRoot(currentNode)) {\n currentNode = currentNode.host;\n }\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nfunction getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}\n\nfunction getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n\nfunction within(min$1, value, max$1) {\n return max(min$1, min(value, max$1));\n}\nfunction withinMaxClamp(min, value, max) {\n var v = within(min, value, max);\n return v > max ? max : v;\n}\n\nfunction getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}\n\nfunction mergePaddingObject(paddingObject) {\n return Object.assign({}, getFreshSideObject(), paddingObject);\n}\n\nfunction expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}\n\nfunction getVariation(placement) {\n return placement.split('-')[1];\n}\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref, win) {\n var x = _ref.x,\n y = _ref.y;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: round(x * dpr) / dpr || 0,\n y: round(y * dpr) / dpr || 0\n };\n}\n\nfunction mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n variation = _ref2.variation,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive,\n roundOffsets = _ref2.roundOffsets,\n isFixed = _ref2.isFixed;\n var _offsets$x = offsets.x,\n x = _offsets$x === void 0 ? 0 : _offsets$x,\n _offsets$y = offsets.y,\n y = _offsets$y === void 0 ? 0 : _offsets$y;\n\n var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({\n x: x,\n y: y\n }) : {\n x: x,\n y: y\n };\n\n x = _ref3.x;\n y = _ref3.y;\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n var heightProp = 'clientHeight';\n var widthProp = 'clientWidth';\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n\n if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n heightProp = 'scrollHeight';\n widthProp = 'scrollWidth';\n }\n } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n offsetParent = offsetParent;\n\n if (placement === top || (placement === left || placement === right) && variation === end) {\n sideY = bottom;\n var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]\n offsetParent[heightProp];\n y -= offsetY - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left || (placement === top || placement === bottom) && variation === end) {\n sideX = right;\n var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]\n offsetParent[widthProp];\n x -= offsetX - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n var _ref4 = roundOffsets === true ? roundOffsetsByDPR({\n x: x,\n y: y\n }, getWindow(popper)) : {\n x: x,\n y: y\n };\n\n x = _ref4.x;\n y = _ref4.y;\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref5) {\n var state = _ref5.state,\n options = _ref5.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n _options$roundOffsets = options.roundOffsets,\n roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n variation: getVariation(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration,\n isFixed: state.options.strategy === 'fixed'\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive,\n roundOffsets: roundOffsets\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false,\n roundOffsets: roundOffsets\n })));\n }\n\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nconst computeStyles$1 = {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nconst eventListeners = {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};\n\nfunction getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}\n\nfunction getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}\n\nfunction getViewportRect(element, strategy) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0;\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n var layoutViewport = isLayoutViewport();\n\n if (layoutViewport || !layoutViewport && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}\n\n// of the `` and `` rect bounds if horizontally scrollable\n\nfunction getDocumentRect(element) {\n var _element$ownerDocumen;\n\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}\n\nfunction isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}\n\nfunction getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}\n\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nfunction listScrollParents(element, list) {\n var _element$ownerDocumen;\n\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}\n\nfunction rectToClientRect(rect) {\n return Object.assign({}, rect, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}\n\nfunction getInnerBoundingClientRect(element, strategy) {\n var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nfunction getClippingRect(element, boundary, rootBoundary, strategy) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}\n\nfunction computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n break;\n }\n }\n\n return offsets;\n}\n\nfunction detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$strategy = _options.strategy,\n strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n var referenceClientRect = getBoundingClientRect(state.elements.reference);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nconst popperOffsets$1 = {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};\n\nfunction getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n placement: state.placement\n })) : tetherOffset;\n var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {\n mainAxis: tetherOffsetValue,\n altAxis: tetherOffsetValue\n } : Object.assign({\n mainAxis: 0,\n altAxis: 0\n }, tetherOffsetValue);\n var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis) {\n var _offsetModifierState$;\n\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min$1 = offset + overflow[mainSide];\n var max$1 = offset - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;\n var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = offset + maxOffset - offsetModifierValue;\n var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _offsetModifierState$2;\n\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _len = altAxis === 'y' ? 'height' : 'width';\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var isOriginSide = [top, left].indexOf(basePlacement) !== -1;\n\n var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;\n\n var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;\n\n var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;\n\n var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nconst preventOverflow$1 = {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};\n\nfunction getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}\n\nfunction getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}\n\nfunction isElementScaled(element) {\n var rect = element.getBoundingClientRect();\n var scaleX = round(rect.width) / element.offsetWidth || 1;\n var scaleY = round(rect.height) / element.offsetHeight || 1;\n return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nfunction getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent, true);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nfunction orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}\n\nfunction debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}\n\nfunction mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign({}, existing, current, {\n options: Object.assign({}, existing.options, current.options),\n data: Object.assign({}, existing.data, current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}\n\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nfunction popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(setOptionsAction) {\n var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n cleanupModifierEffects();\n state.options = Object.assign({}, defaultOptions, state.options, options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n });\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref) {\n var name = _ref.name,\n _ref$options = _ref.options,\n options = _ref$options === void 0 ? {} : _ref$options,\n effect = _ref.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\n\nexport { getLayoutRect as a, basePlacements as b, getOffsetParent as c, contains as d, expandToHashMap as e, getMainAxisFromPlacement as f, getBasePlacement as g, bottom as h, getVariation as i, detectOverflow as j, auto as k, left as l, mergePaddingObject as m, popperGenerator as n, eventListeners as o, placements as p, popperOffsets$1 as q, right as r, start as s, top as t, computeStyles$1 as u, variationPlacements as v, within as w, applyStyles$1 as x, preventOverflow$1 as y };\n\n//# sourceMappingURL=createPopper.js.map","function shouldDisplayInputForFacetRange(facetRange) {\n const { hasInput, hasInputRange, searchStatusState, facetValues } = facetRange;\n if (!hasInput) {\n return false;\n }\n if (hasInputRange) {\n return true;\n }\n if (!searchStatusState.hasResults) {\n return false;\n }\n const onlyValuesWithResultsOrActive = facetValues.filter((value) => value.numberOfResults || value.state !== 'idle') || [];\n if (!onlyValuesWithResultsOrActive.length) {\n return false;\n }\n return true;\n}\nfunction sortFacetVisibility(facetElements, facetInfoMap) {\n const visibleFacets = [];\n const invisibleFacets = [];\n facetElements.forEach((facet) => {\n if (facetInfoMap[facet.facetId] && facetInfoMap[facet.facetId].isHidden()) {\n invisibleFacets.push(facet);\n }\n else {\n visibleFacets.push(facet);\n }\n });\n return { visibleFacets, invisibleFacets };\n}\nfunction collapseFacetsAfter(facets, visibleFacetsCount) {\n if (visibleFacetsCount === -1) {\n return;\n }\n facets.forEach((facet, index) => {\n facet.isCollapsed = index + 1 > visibleFacetsCount;\n });\n}\nfunction isAutomaticFacetGenerator(element) {\n return element.tagName === 'ATOMIC-AUTOMATIC-FACET-GENERATOR';\n}\nfunction isPseudoFacet(el) {\n return 'facetId' in el;\n}\nfunction getFacetsInChildren(parent) {\n const facets = Array.from(parent.children).filter((child) => isPseudoFacet(child));\n return facets;\n}\nfunction getAutomaticFacetGenerator(parent) {\n return Array.from(parent.children).find(isAutomaticFacetGenerator);\n}\nfunction findFacetParent(facet, parents) {\n for (let i = 0; i < parents.length; i++) {\n if (parents[i]?.contains(facet)) {\n return parents[i];\n }\n }\n return null;\n}\n/**\n * Triage elements by their parents.\n * @param facets Facet Elements\n * @param parents Elements that may contains the facets\n * @returns an array in the same order as the parents, containing the facets that are contained by the corresponding parent.\n * The last element of the array contains the facets that are not contained by any of the parents.\n */\nfunction triageFacetsByParents(facets, ...parents) {\n const sortedFacets = new Map(parents.concat([null]).map((parent) => [parent, []]));\n for (const facet of facets) {\n const parent = findFacetParent(facet, parents);\n sortedFacets.get(parent).push(facet);\n }\n return sortedFacets;\n}\n\nexport { getAutomaticFacetGenerator as a, shouldDisplayInputForFacetRange as b, collapseFacetsAfter as c, getFacetsInChildren as g, sortFacetVisibility as s, triageFacetsByParents as t };\n\n//# sourceMappingURL=stencil-facet-common.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, NumberValue } from '@eternal-baguette/bueno';\nimport { buildFacetManager } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { g as getFacetsInChildren, s as sortFacetVisibility, a as getAutomaticFacetGenerator, c as collapseFacetsAfter } from './stencil-facet-common.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicFacetManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicFacetManager extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * The number of expanded facets inside the manager.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n * Using the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.\n */\n this.collapseFacetsAfter = 4;\n this.sortFacets = () => {\n const facets = getFacetsInChildren(this.host);\n const sortedFacets = this.sortFacetsUsingManager(facets, this.facetManager);\n const { visibleFacets, invisibleFacets } = sortFacetVisibility(sortedFacets, this.bindings.store.getAllFacets());\n const generator = getAutomaticFacetGenerator(this.host);\n collapseFacetsAfter(visibleFacets, this.collapseFacetsAfter);\n generator?.updateCollapseFacetsDependingOnFacetsVisibility(this.collapseFacetsAfter, visibleFacets.length);\n this.host.append(...[\n ...visibleFacets,\n ...invisibleFacets,\n ...(generator ? [generator] : []),\n ]);\n };\n this.facetManagerState = undefined;\n this.error = undefined;\n this.collapseFacetsAfter = 4;\n }\n initialize() {\n this.validateProps();\n this.facetManager = buildFacetManager(this.bindings.engine);\n // An update has to be forced for the facets to be visually updated, without being interacted with.\n this.bindings.i18n.on('languageChanged', this.sortFacets);\n }\n validateProps() {\n new Schema({\n collapseFacetAfter: new NumberValue({ min: -1, required: true }),\n }).validate({\n collapseFacetAfter: this.collapseFacetsAfter,\n });\n }\n sortFacetsUsingManager(facets, facetManager) {\n const payload = facets.map((f) => ({\n facetId: f.facetId,\n payload: f,\n }));\n return facetManager.sort(payload).map((f) => f.payload);\n }\n disconnectedCallback() {\n this.bindings?.i18n.off('languageChanged', this.sortFacets);\n }\n render() {\n return h(\"slot\", { key: '0d40ca6fb692ec576e4fe75454354be75e43cbdc' });\n }\n get host() { return this; }\n}, [4, \"atomic-facet-manager\", {\n \"collapseFacetsAfter\": [514, \"collapse-facets-after\"],\n \"facetManagerState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicFacetManager$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facetManager', {\n onUpdateCallbackMethod: 'sortFacets',\n })\n], AtomicFacetManager$1.prototype, \"facetManagerState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-facet-manager\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-facet-manager\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicFacetManager$1);\n }\n break;\n } });\n}\n\nconst AtomicFacetManager = AtomicFacetManager$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicFacetManager, defineCustomElement };\n\n//# sourceMappingURL=atomic-facet-manager.js.map","import { D as DOMPurify } from './purify.js';\n\n/**\n * Returns a function that can be executed only once\n */\nfunction once(fn) {\n let result;\n let callable = fn;\n return function (...args) {\n if (callable) {\n result = callable.apply(this, args);\n callable = null; // Allow garbage collection\n }\n return result;\n };\n}\nfunction camelToKebab(value) {\n return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\nfunction kebabToCamel(value) {\n return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\nfunction randomID(prepend, length = 5) {\n const randomStr = Math.random()\n .toString(36)\n .substring(2, 2 + length);\n if (!prepend) {\n return randomStr;\n }\n return prepend + randomStr;\n}\nfunction isElementNode(node) {\n return node.nodeType === Node.ELEMENT_NODE;\n}\nfunction isTextNode(node) {\n return node.nodeType === Node.TEXT_NODE;\n}\nfunction isVisualNode(node) {\n if (isElementNode(node)) {\n return !(node instanceof HTMLStyleElement);\n }\n if (isTextNode(node)) {\n return !!node.textContent?.trim();\n }\n return false;\n}\nfunction containsVisualElement(node) {\n for (let i = 0; i < node.childNodes.length; i++) {\n const child = node.childNodes.item(i);\n if (isVisualNode(child)) {\n return true;\n }\n }\n return false;\n}\nfunction elementHasAncestorTag(el, tagName) {\n const parentElement = el.parentElement;\n if (!parentElement) {\n return false;\n }\n if (parentElement.tagName === tagName.toUpperCase()) {\n return true;\n }\n return elementHasAncestorTag(parentElement, tagName);\n}\nfunction sanitizeStyle(style) {\n const purifiedOuterHTML = DOMPurify.sanitize(``, {\n ALLOWED_TAGS: ['style'],\n ALLOWED_ATTR: [],\n FORCE_BODY: true,\n });\n const wrapperEl = document.createElement('div');\n // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n wrapperEl.innerHTML = purifiedOuterHTML;\n return wrapperEl.querySelector('style')?.innerHTML;\n}\nfunction isFocusingOut(event) {\n return (document.hasFocus() &&\n (!(event.relatedTarget instanceof Node) ||\n (event.currentTarget instanceof Node &&\n !event.currentTarget.contains(event.relatedTarget))));\n}\nfunction aggregate(values, getKey) {\n return values.reduce((aggregatedValues, value, i) => {\n const key = getKey(value, i);\n if (!(key in aggregatedValues)) {\n aggregatedValues[key] = [];\n }\n aggregatedValues[key].push(value);\n return aggregatedValues;\n }, {});\n}\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nfunction spreadProperties(...objects) {\n const returnObject = {};\n for (const obj of objects) {\n Object.defineProperties(returnObject, Object.getOwnPropertyDescriptors(obj));\n }\n return returnObject;\n}\nconst sortByDocumentPosition = (a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\nasync function defer() {\n return new Promise((resolve) => setTimeout(resolve, 10));\n}\n\nexport { spreadProperties as a, sanitizeStyle as b, containsVisualElement as c, camelToKebab as d, elementHasAncestorTag as e, defer as f, aggregate as g, isVisualNode as h, isFocusingOut as i, isElementNode as j, kebabToCamel as k, once as o, randomID as r, sortByDocumentPosition as s };\n\n//# sourceMappingURL=utils.js.map","import { isArray } from '@eternal-baguette/bueno';\nimport { getElement } from '@stencil/core/internal/client';\nimport { d as camelToKebab, k as kebabToCamel } from './utils.js';\n\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nfunction MapProp(opts) {\n return (component, variableName) => {\n const { componentWillLoad } = component;\n if (!componentWillLoad) {\n console.error('The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.');\n return;\n }\n component.componentWillLoad = function () {\n const prefix = opts?.attributePrefix || variableName;\n const variable = this[variableName];\n const attributes = getElement(this).attributes;\n mapAttributesToProp(prefix, variable, Array.from(attributes), opts?.splitValues ?? false);\n componentWillLoad.call(this);\n };\n };\n}\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nfunction ArrayProp() {\n return (component, variableName) => {\n const { componentWillLoad } = component;\n const attributeWithBrackets = camelToKebab(variableName);\n component.componentWillLoad = function () {\n const value = this[variableName];\n if (!value || isArray(value)) {\n componentWillLoad?.call(this);\n return;\n }\n try {\n const valueAsArray = JSON.parse(value);\n if (isArray(valueAsArray)) {\n this[variableName] = valueAsArray;\n }\n else {\n console.error(`Property ${attributeWithBrackets} should be an array`, getElement(this));\n }\n }\n catch (e) {\n console.error(`Error while parsing attribute ${attributeWithBrackets} as array`, e);\n }\n componentWillLoad?.call(this);\n };\n };\n}\nfunction splitAttributeValueOnCommas(attributeValue) {\n const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n const [...valuesWithEscapeSymbols] = attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n const removeEscapeSymbolsExpression = /\\\\(.)/g;\n return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) => valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1'));\n}\nfunction mapAttributesToProp(prefix, mapVariable, attributes, splitValues) {\n const map = attributesToStringMap(prefix, attributes);\n Object.assign(mapVariable, splitValues ? stringMapToStringArrayMap(map) : map);\n}\nfunction stringMapToStringArrayMap(map) {\n return Object.entries(map).reduce((acc, [key, value]) => ({\n // biome-ignore lint/performance/noAccumulatingSpread: <>\n ...acc,\n [key]: splitAttributeValueOnCommas(value).map((subValue) => subValue.trim()),\n }), {});\n}\nfunction attributesToStringMap(prefix, attributes) {\n const mapVariable = {};\n const kebabPrefix = `${camelToKebab(prefix)}-`;\n for (let i = 0; i < attributes.length; i++) {\n const attribute = attributes[i];\n if (attribute.name.indexOf(kebabPrefix) !== 0) {\n continue;\n }\n const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n mapVariable[property] = `${attribute.value}`;\n }\n return mapVariable;\n}\n\nexport { ArrayProp as A, MapProp as M };\n\n//# sourceMappingURL=props-utils.js.map","import { b as buildCustomEvent } from './event-utils.js';\nimport { f as defer } from './utils.js';\n\nconst findAriaLiveEventName = 'atomic/accessibility/findAriaLive';\n/**\n * @deprecated use Lit equivalent\n */\nfunction AriaLiveRegion(regionName, assertive = false) {\n function getAriaLiveElement() {\n const event = buildCustomEvent(findAriaLiveEventName, {});\n document.dispatchEvent(event);\n const { element } = event.detail;\n return element;\n }\n function dispatchMessage(message) {\n getAriaLiveElement()?.updateMessage(regionName, message, assertive);\n }\n function registerRegion() {\n getAriaLiveElement()?.registerRegion(regionName, assertive);\n }\n return (component, setterName) => {\n const { componentWillRender } = component;\n Object.defineProperty(component, setterName, {\n set: (message) => dispatchMessage(message),\n });\n component.componentWillRender = function () {\n componentWillRender && componentWillRender.call(this);\n registerRegion();\n };\n };\n}\n/**\n * @deprecated use Lit equivalent\n */\nclass FocusTargetController {\n constructor(component) {\n this.component = component;\n this.registerFocusCallback = (callback) => {\n this.publicOnFocusCallbacks.push(callback);\n };\n this.doFocusAfterSearch = false;\n this.doFocusOnNextTarget = false;\n this.publicOnFocusCallbacks = [];\n this.bindings = component.bindings;\n this.handleComponentRenderLoop();\n }\n clearFocusCallbacks() {\n this.internalOnFocusCallback?.();\n while (this.publicOnFocusCallbacks.length) {\n this.publicOnFocusCallbacks.pop()?.();\n }\n }\n setTarget(el) {\n if (!el) {\n return;\n }\n this.element = el;\n if (this.doFocusOnNextTarget) {\n this.doFocusOnNextTarget = false;\n this.focus();\n }\n }\n async focus() {\n await defer();\n this.element?.focus();\n this.clearFocusCallbacks();\n }\n focusAfterSearch() {\n this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);\n this.doFocusAfterSearch = true;\n return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n }\n focusOnNextTarget() {\n this.doFocusOnNextTarget = true;\n return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n }\n disableForCurrentSearch() {\n if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n this.lastSearchId) {\n this.doFocusAfterSearch = false;\n }\n }\n handleComponentRenderLoop() {\n const originalComponentDidRender = this.component.componentDidRender;\n this.component.componentDidRender = () => {\n originalComponentDidRender &&\n originalComponentDidRender.call(this.component);\n if (!this.bindings) {\n return;\n }\n if (this.doFocusAfterSearch &&\n this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n this.lastSearchId) {\n this.doFocusAfterSearch = false;\n if (this.element) {\n const el = this.element;\n // The focus seems to be flaky without deferring, especially on iOS.\n defer().then(() => {\n el.focus();\n this.clearFocusCallbacks();\n });\n }\n }\n };\n }\n}\nfunction isFocusable(element) {\n // Source: https://stackoverflow.com/a/30753870\n if (element.getAttribute('tabindex') === '-1') {\n return false;\n }\n if (element.hasAttribute('tabindex')) {\n return true;\n }\n if (element.getAttribute('contentEditable') === 'true') {\n return true;\n }\n switch (element.tagName) {\n case 'A':\n case 'AREA':\n return element.hasAttribute('href');\n case 'INPUT':\n case 'SELECT':\n case 'TEXTAREA':\n case 'BUTTON':\n return !element.hasAttribute('disabled');\n case 'IFRAME':\n return true;\n default:\n return false;\n }\n}\n/**\n * @deprecated use Lit equivalent\n */\nfunction* getFocusableDescendants(element) {\n if (isFocusable(element)) {\n yield element;\n }\n let children = Array.from(element.children);\n if (element instanceof HTMLSlotElement) {\n children = element.assignedElements();\n }\n else if (element.shadowRoot) {\n children.push(...Array.from(element.shadowRoot.children));\n }\n for (const child of children) {\n yield* getFocusableDescendants(child);\n }\n}\n/**\n * @deprecated use Lit equivalent\n */\nfunction getFirstFocusableDescendant(element) {\n return getFocusableDescendants(element).next().value ?? null;\n}\n\nexport { AriaLiveRegion as A, FocusTargetController as F, getFirstFocusableDescendant as g };\n\n//# sourceMappingURL=stencil-accessibility-utils.js.map","/**\n * Determines whether the component should be displayed on the current tab.\n *\n * @param tabsIncluded - An array of tab names that should include the facet.\n * @param tabsExcluded - An array of tab names that should exclude the facet.\n * @param activeTab - The name of the currently active tab.\n * @returns A boolean indicating whether the component should be displayed on the current tab.\n */\nfunction shouldDisplayOnCurrentTab(includeTabs, excludeTabs, activeTab) {\n if (excludeTabs.includes(activeTab)) {\n return false;\n }\n if (includeTabs.length === 0 || includeTabs.includes(activeTab)) {\n return true;\n }\n return !activeTab;\n}\n\nexport { shouldDisplayOnCurrentTab as s };\n\n//# sourceMappingURL=tab-utils.js.map","var StorageItems;\n(function (StorageItems) {\n StorageItems[\"RECENT_QUERIES\"] = \"coveo-recent-queries\";\n StorageItems[\"STANDALONE_SEARCH_BOX_DATA\"] = \"coveo-standalone-search-box-data\";\n StorageItems[\"GENERATED_ANSWER_DATA\"] = \"coveo-generated-answer-data\";\n})(StorageItems || (StorageItems = {}));\nclass SafeStorage {\n clear() {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.clear(), () => { });\n }\n getItem(key) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.getItem(key), () => null);\n }\n getParsedJSON(key, fallback) {\n const item = this.getItem(key);\n if (!item) {\n return fallback;\n }\n return this.tryJSONOrWarn(key, () => JSON.parse(item), () => fallback);\n }\n key(index) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.key(index), () => null);\n }\n get length() {\n return this.tryOrElse(() => localStorage.length, () => 0);\n }\n removeItem(key) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.removeItem(key), () => { });\n }\n setItem(key, value) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.setItem(key, value), () => { });\n }\n setJSON(key, obj) {\n const stringified = this.tryJSONOrWarn(key, () => JSON.stringify(obj), () => JSON.stringify({}));\n return this.setItem(key, stringified);\n }\n tryAccessLocalStorageOrWarn(tryTo, orElse) {\n return this.tryOrElse(tryTo, () => {\n console.warn('Error while trying to read or modify local storage. This can be caused by browser specific settings.');\n return orElse();\n });\n }\n tryJSONOrWarn(key, tryTo, orElse) {\n return this.tryOrElse(tryTo, () => {\n console.warn(`Error while trying to do JSON manipulation with local storage entry. ${key}`);\n return orElse();\n });\n }\n tryOrElse(tryTo, orElse) {\n try {\n return tryTo();\n }\n catch (e) {\n console.warn(e);\n return orElse();\n }\n }\n}\n\nexport { StorageItems as S, SafeStorage as a };\n\n//# sourceMappingURL=local-storage-utils.js.map","const ArrowBottomIcon = ``;\n\nexport { ArrowBottomIcon as A };\n\n//# sourceMappingURL=arrow-bottom-rounded.js.map","const ArrowUp = ``;\n\nexport { ArrowUp as A };\n\n//# sourceMappingURL=arrow-top-rounded.js.map","import { h } from '@stencil/core/internal/client';\nimport { a as SafeStorage, S as StorageItems } from './local-storage-utils.js';\nimport { a as getNamedSlotContent } from './slot-utils.js';\nimport { H as Heading } from './stencil-heading.js';\nimport { B as Button } from './stencil-button.js';\nimport { D as DOMPurify } from './purify.js';\nimport { c as commonjsGlobal } from './_commonjsHelpers.js';\nimport { A as ArrowBottomIcon } from './arrow-bottom-rounded.js';\nimport { A as ArrowUp } from './arrow-top-rounded.js';\n\nconst CopyIcon = `\n\n\n\n\n\n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst CopyButton = (props) => {\n return (h(Button, { title: props.title, part: \"copy-button\", style: 'text-transparent', class: `rounded-md p-2 ${props.isCopied ? 'copied' : ''} ${props.error ? 'error' : ''}`, onClick: props.onClick },\n h(\"div\", { class: \"icon-container text-neutral-dark\" },\n h(\"atomic-icon\", { class: \"w-5\", icon: CopyIcon }))));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst Switch = (props) => {\n const attributes = {\n onClick: () => props.onToggle?.(!props.checked),\n 'arial-label': props.ariaLabel,\n 'aria-checked': String(!!props.checked),\n part: props.part,\n tabIndex: props.tabIndex,\n title: props.title,\n };\n const containerClasses = [\n 'w-12',\n 'h-6',\n 'p-1',\n 'rounded-full',\n props.checked ? 'bg-primary' : 'bg-neutral',\n ].join(' ');\n const handleClasses = [\n 'w-4',\n 'h-4',\n 'rounded-full',\n 'bg-white',\n props.checked ? 'ml-6' : '',\n ].join(' ');\n const buttonClasses = [\n 'rounded-full',\n 'btn-outline-neutral',\n props.withToggle ? 'flex' : 'hidden',\n ].join(' ');\n return (h(\"button\", { role: \"switch\", ...attributes, class: buttonClasses },\n h(\"div\", { class: containerClasses },\n h(\"div\", { class: handleClasses }))));\n};\n\nconst Thumbs = `\n \n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FeedbackButton = (props) => {\n return (h(Button, { title: props.title, style: \"text-transparent\", part: \"feedback-button\", class: `feedback-button rounded-md p-2 ${props.variant} ${props.active ? 'active' : ''}`, onClick: props.onClick, ariaPressed: `${props.active}` },\n h(\"atomic-icon\", { class: \"w-5\", icon: Thumbs })));\n};\n\nvar marked_umd = {exports: {}};\n\n/**\n * marked v12.0.2 - a markdown parser\n * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)\n * https://github.com/markedjs/marked\n */\n\n(function (module, exports) {\n/**\n * DO NOT EDIT THIS FILE\n * The code in this file is generated from files in ./src/\n */\n\n(function (global, factory) {\n factory(exports) ;\n})(commonjsGlobal, (function (exports) {\n /**\n * Gets the original marked default options.\n */\n function _getDefaults() {\n return {\n async: false,\n breaks: false,\n extensions: null,\n gfm: true,\n hooks: null,\n pedantic: false,\n renderer: null,\n silent: false,\n tokenizer: null,\n walkTokens: null\n };\n }\n exports.defaults = _getDefaults();\n function changeDefaults(newDefaults) {\n exports.defaults = newDefaults;\n }\n\n /**\n * Helpers\n */\n const escapeTest = /[&<>\"']/;\n const escapeReplace = new RegExp(escapeTest.source, 'g');\n const escapeTestNoEncode = /[<>\"']|&(?!(#\\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\\w+);)/;\n const escapeReplaceNoEncode = new RegExp(escapeTestNoEncode.source, 'g');\n const escapeReplacements = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": '''\n };\n const getEscapeReplacement = (ch) => escapeReplacements[ch];\n function escape$1(html, encode) {\n if (encode) {\n if (escapeTest.test(html)) {\n return html.replace(escapeReplace, getEscapeReplacement);\n }\n }\n else {\n if (escapeTestNoEncode.test(html)) {\n return html.replace(escapeReplaceNoEncode, getEscapeReplacement);\n }\n }\n return html;\n }\n const unescapeTest = /&(#(?:\\d+)|(?:#x[0-9A-Fa-f]+)|(?:\\w+));?/ig;\n function unescape(html) {\n // explicitly match decimal, hex, and named HTML entities\n return html.replace(unescapeTest, (_, n) => {\n n = n.toLowerCase();\n if (n === 'colon')\n return ':';\n if (n.charAt(0) === '#') {\n return n.charAt(1) === 'x'\n ? String.fromCharCode(parseInt(n.substring(2), 16))\n : String.fromCharCode(+n.substring(1));\n }\n return '';\n });\n }\n const caret = /(^|[^\\[])\\^/g;\n function edit(regex, opt) {\n let source = typeof regex === 'string' ? regex : regex.source;\n opt = opt || '';\n const obj = {\n replace: (name, val) => {\n let valSource = typeof val === 'string' ? val : val.source;\n valSource = valSource.replace(caret, '$1');\n source = source.replace(name, valSource);\n return obj;\n },\n getRegex: () => {\n return new RegExp(source, opt);\n }\n };\n return obj;\n }\n function cleanUrl(href) {\n try {\n href = encodeURI(href).replace(/%25/g, '%');\n }\n catch (e) {\n return null;\n }\n return href;\n }\n const noopTest = { exec: () => null };\n function splitCells(tableRow, count) {\n // ensure that every cell-delimiting pipe has a space\n // before it to distinguish it from an escaped pipe\n const row = tableRow.replace(/\\|/g, (match, offset, str) => {\n let escaped = false;\n let curr = offset;\n while (--curr >= 0 && str[curr] === '\\\\')\n escaped = !escaped;\n if (escaped) {\n // odd number of slashes means | is escaped\n // so we leave it alone\n return '|';\n }\n else {\n // add space before unescaped |\n return ' |';\n }\n }), cells = row.split(/ \\|/);\n let i = 0;\n // First/last cell in a row cannot be empty if it has no leading/trailing pipe\n if (!cells[0].trim()) {\n cells.shift();\n }\n if (cells.length > 0 && !cells[cells.length - 1].trim()) {\n cells.pop();\n }\n if (count) {\n if (cells.length > count) {\n cells.splice(count);\n }\n else {\n while (cells.length < count)\n cells.push('');\n }\n }\n for (; i < cells.length; i++) {\n // leading or trailing whitespace is ignored per the gfm spec\n cells[i] = cells[i].trim().replace(/\\\\\\|/g, '|');\n }\n return cells;\n }\n /**\n * Remove trailing 'c's. Equivalent to str.replace(/c*$/, '').\n * /c*$/ is vulnerable to REDOS.\n *\n * @param str\n * @param c\n * @param invert Remove suffix of non-c chars instead. Default falsey.\n */\n function rtrim(str, c, invert) {\n const l = str.length;\n if (l === 0) {\n return '';\n }\n // Length of suffix matching the invert condition.\n let suffLen = 0;\n // Step left until we fail to match the invert condition.\n while (suffLen < l) {\n const currChar = str.charAt(l - suffLen - 1);\n if (currChar === c && !invert) {\n suffLen++;\n }\n else if (currChar !== c && invert) {\n suffLen++;\n }\n else {\n break;\n }\n }\n return str.slice(0, l - suffLen);\n }\n function findClosingBracket(str, b) {\n if (str.indexOf(b[1]) === -1) {\n return -1;\n }\n let level = 0;\n for (let i = 0; i < str.length; i++) {\n if (str[i] === '\\\\') {\n i++;\n }\n else if (str[i] === b[0]) {\n level++;\n }\n else if (str[i] === b[1]) {\n level--;\n if (level < 0) {\n return i;\n }\n }\n }\n return -1;\n }\n\n function outputLink(cap, link, raw, lexer) {\n const href = link.href;\n const title = link.title ? escape$1(link.title) : null;\n const text = cap[1].replace(/\\\\([\\[\\]])/g, '$1');\n if (cap[0].charAt(0) !== '!') {\n lexer.state.inLink = true;\n const token = {\n type: 'link',\n raw,\n href,\n title,\n text,\n tokens: lexer.inlineTokens(text)\n };\n lexer.state.inLink = false;\n return token;\n }\n return {\n type: 'image',\n raw,\n href,\n title,\n text: escape$1(text)\n };\n }\n function indentCodeCompensation(raw, text) {\n const matchIndentToCode = raw.match(/^(\\s+)(?:```)/);\n if (matchIndentToCode === null) {\n return text;\n }\n const indentToCode = matchIndentToCode[1];\n return text\n .split('\\n')\n .map(node => {\n const matchIndentInNode = node.match(/^\\s+/);\n if (matchIndentInNode === null) {\n return node;\n }\n const [indentInNode] = matchIndentInNode;\n if (indentInNode.length >= indentToCode.length) {\n return node.slice(indentToCode.length);\n }\n return node;\n })\n .join('\\n');\n }\n /**\n * Tokenizer\n */\n class _Tokenizer {\n options;\n rules; // set by the lexer\n lexer; // set by the lexer\n constructor(options) {\n this.options = options || exports.defaults;\n }\n space(src) {\n const cap = this.rules.block.newline.exec(src);\n if (cap && cap[0].length > 0) {\n return {\n type: 'space',\n raw: cap[0]\n };\n }\n }\n code(src) {\n const cap = this.rules.block.code.exec(src);\n if (cap) {\n const text = cap[0].replace(/^ {1,4}/gm, '');\n return {\n type: 'code',\n raw: cap[0],\n codeBlockStyle: 'indented',\n text: !this.options.pedantic\n ? rtrim(text, '\\n')\n : text\n };\n }\n }\n fences(src) {\n const cap = this.rules.block.fences.exec(src);\n if (cap) {\n const raw = cap[0];\n const text = indentCodeCompensation(raw, cap[3] || '');\n return {\n type: 'code',\n raw,\n lang: cap[2] ? cap[2].trim().replace(this.rules.inline.anyPunctuation, '$1') : cap[2],\n text\n };\n }\n }\n heading(src) {\n const cap = this.rules.block.heading.exec(src);\n if (cap) {\n let text = cap[2].trim();\n // remove trailing #s\n if (/#$/.test(text)) {\n const trimmed = rtrim(text, '#');\n if (this.options.pedantic) {\n text = trimmed.trim();\n }\n else if (!trimmed || / $/.test(trimmed)) {\n // CommonMark requires space before trailing #s\n text = trimmed.trim();\n }\n }\n return {\n type: 'heading',\n raw: cap[0],\n depth: cap[1].length,\n text,\n tokens: this.lexer.inline(text)\n };\n }\n }\n hr(src) {\n const cap = this.rules.block.hr.exec(src);\n if (cap) {\n return {\n type: 'hr',\n raw: cap[0]\n };\n }\n }\n blockquote(src) {\n const cap = this.rules.block.blockquote.exec(src);\n if (cap) {\n // precede setext continuation with 4 spaces so it isn't a setext\n let text = cap[0].replace(/\\n {0,3}((?:=+|-+) *)(?=\\n|$)/g, '\\n $1');\n text = rtrim(text.replace(/^ *>[ \\t]?/gm, ''), '\\n');\n const top = this.lexer.state.top;\n this.lexer.state.top = true;\n const tokens = this.lexer.blockTokens(text);\n this.lexer.state.top = top;\n return {\n type: 'blockquote',\n raw: cap[0],\n tokens,\n text\n };\n }\n }\n list(src) {\n let cap = this.rules.block.list.exec(src);\n if (cap) {\n let bull = cap[1].trim();\n const isordered = bull.length > 1;\n const list = {\n type: 'list',\n raw: '',\n ordered: isordered,\n start: isordered ? +bull.slice(0, -1) : '',\n loose: false,\n items: []\n };\n bull = isordered ? `\\\\d{1,9}\\\\${bull.slice(-1)}` : `\\\\${bull}`;\n if (this.options.pedantic) {\n bull = isordered ? bull : '[*+-]';\n }\n // Get next list item\n const itemRegex = new RegExp(`^( {0,3}${bull})((?:[\\t ][^\\\\n]*)?(?:\\\\n|$))`);\n let raw = '';\n let itemContents = '';\n let endsWithBlankLine = false;\n // Check if current bullet point can start a new List Item\n while (src) {\n let endEarly = false;\n if (!(cap = itemRegex.exec(src))) {\n break;\n }\n if (this.rules.block.hr.test(src)) { // End list if bullet was actually HR (possibly move into itemRegex?)\n break;\n }\n raw = cap[0];\n src = src.substring(raw.length);\n let line = cap[2].split('\\n', 1)[0].replace(/^\\t+/, (t) => ' '.repeat(3 * t.length));\n let nextLine = src.split('\\n', 1)[0];\n let indent = 0;\n if (this.options.pedantic) {\n indent = 2;\n itemContents = line.trimStart();\n }\n else {\n indent = cap[2].search(/[^ ]/); // Find first non-space char\n indent = indent > 4 ? 1 : indent; // Treat indented code blocks (> 4 spaces) as having only 1 indent\n itemContents = line.slice(indent);\n indent += cap[1].length;\n }\n let blankLine = false;\n if (!line && /^ *$/.test(nextLine)) { // Items begin with at most one blank line\n raw += nextLine + '\\n';\n src = src.substring(nextLine.length + 1);\n endEarly = true;\n }\n if (!endEarly) {\n const nextBulletRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:[*+-]|\\\\d{1,9}[.)])((?:[ \\t][^\\\\n]*)?(?:\\\\n|$))`);\n const hrRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$)`);\n const fencesBeginRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:\\`\\`\\`|~~~)`);\n const headingBeginRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}#`);\n // Check if following lines should be included in List Item\n while (src) {\n const rawLine = src.split('\\n', 1)[0];\n nextLine = rawLine;\n // Re-align to follow commonmark nesting rules\n if (this.options.pedantic) {\n nextLine = nextLine.replace(/^ {1,4}(?=( {4})*[^ ])/g, ' ');\n }\n // End list item if found code fences\n if (fencesBeginRegex.test(nextLine)) {\n break;\n }\n // End list item if found start of new heading\n if (headingBeginRegex.test(nextLine)) {\n break;\n }\n // End list item if found start of new bullet\n if (nextBulletRegex.test(nextLine)) {\n break;\n }\n // Horizontal rule found\n if (hrRegex.test(src)) {\n break;\n }\n if (nextLine.search(/[^ ]/) >= indent || !nextLine.trim()) { // Dedent if possible\n itemContents += '\\n' + nextLine.slice(indent);\n }\n else {\n // not enough indentation\n if (blankLine) {\n break;\n }\n // paragraph continuation unless last line was a different block level element\n if (line.search(/[^ ]/) >= 4) { // indented code block\n break;\n }\n if (fencesBeginRegex.test(line)) {\n break;\n }\n if (headingBeginRegex.test(line)) {\n break;\n }\n if (hrRegex.test(line)) {\n break;\n }\n itemContents += '\\n' + nextLine;\n }\n if (!blankLine && !nextLine.trim()) { // Check if current line is blank\n blankLine = true;\n }\n raw += rawLine + '\\n';\n src = src.substring(rawLine.length + 1);\n line = nextLine.slice(indent);\n }\n }\n if (!list.loose) {\n // If the previous item ended with a blank line, the list is loose\n if (endsWithBlankLine) {\n list.loose = true;\n }\n else if (/\\n *\\n *$/.test(raw)) {\n endsWithBlankLine = true;\n }\n }\n let istask = null;\n let ischecked;\n // Check for task list items\n if (this.options.gfm) {\n istask = /^\\[[ xX]\\] /.exec(itemContents);\n if (istask) {\n ischecked = istask[0] !== '[ ] ';\n itemContents = itemContents.replace(/^\\[[ xX]\\] +/, '');\n }\n }\n list.items.push({\n type: 'list_item',\n raw,\n task: !!istask,\n checked: ischecked,\n loose: false,\n text: itemContents,\n tokens: []\n });\n list.raw += raw;\n }\n // Do not consume newlines at end of final item. Alternatively, make itemRegex *start* with any newlines to simplify/speed up endsWithBlankLine logic\n list.items[list.items.length - 1].raw = raw.trimEnd();\n (list.items[list.items.length - 1]).text = itemContents.trimEnd();\n list.raw = list.raw.trimEnd();\n // Item child tokens handled here at end because we needed to have the final item to trim it first\n for (let i = 0; i < list.items.length; i++) {\n this.lexer.state.top = false;\n list.items[i].tokens = this.lexer.blockTokens(list.items[i].text, []);\n if (!list.loose) {\n // Check if list should be loose\n const spacers = list.items[i].tokens.filter(t => t.type === 'space');\n const hasMultipleLineBreaks = spacers.length > 0 && spacers.some(t => /\\n.*\\n/.test(t.raw));\n list.loose = hasMultipleLineBreaks;\n }\n }\n // Set all items to loose if list is loose\n if (list.loose) {\n for (let i = 0; i < list.items.length; i++) {\n list.items[i].loose = true;\n }\n }\n return list;\n }\n }\n html(src) {\n const cap = this.rules.block.html.exec(src);\n if (cap) {\n const token = {\n type: 'html',\n block: true,\n raw: cap[0],\n pre: cap[1] === 'pre' || cap[1] === 'script' || cap[1] === 'style',\n text: cap[0]\n };\n return token;\n }\n }\n def(src) {\n const cap = this.rules.block.def.exec(src);\n if (cap) {\n const tag = cap[1].toLowerCase().replace(/\\s+/g, ' ');\n const href = cap[2] ? cap[2].replace(/^<(.*)>$/, '$1').replace(this.rules.inline.anyPunctuation, '$1') : '';\n const title = cap[3] ? cap[3].substring(1, cap[3].length - 1).replace(this.rules.inline.anyPunctuation, '$1') : cap[3];\n return {\n type: 'def',\n tag,\n raw: cap[0],\n href,\n title\n };\n }\n }\n table(src) {\n const cap = this.rules.block.table.exec(src);\n if (!cap) {\n return;\n }\n if (!/[:|]/.test(cap[2])) {\n // delimiter row must have a pipe (|) or colon (:) otherwise it is a setext heading\n return;\n }\n const headers = splitCells(cap[1]);\n const aligns = cap[2].replace(/^\\||\\| *$/g, '').split('|');\n const rows = cap[3] && cap[3].trim() ? cap[3].replace(/\\n[ \\t]*$/, '').split('\\n') : [];\n const item = {\n type: 'table',\n raw: cap[0],\n header: [],\n align: [],\n rows: []\n };\n if (headers.length !== aligns.length) {\n // header and align columns must be equal, rows can be different.\n return;\n }\n for (const align of aligns) {\n if (/^ *-+: *$/.test(align)) {\n item.align.push('right');\n }\n else if (/^ *:-+: *$/.test(align)) {\n item.align.push('center');\n }\n else if (/^ *:-+ *$/.test(align)) {\n item.align.push('left');\n }\n else {\n item.align.push(null);\n }\n }\n for (const header of headers) {\n item.header.push({\n text: header,\n tokens: this.lexer.inline(header)\n });\n }\n for (const row of rows) {\n item.rows.push(splitCells(row, item.header.length).map(cell => {\n return {\n text: cell,\n tokens: this.lexer.inline(cell)\n };\n }));\n }\n return item;\n }\n lheading(src) {\n const cap = this.rules.block.lheading.exec(src);\n if (cap) {\n return {\n type: 'heading',\n raw: cap[0],\n depth: cap[2].charAt(0) === '=' ? 1 : 2,\n text: cap[1],\n tokens: this.lexer.inline(cap[1])\n };\n }\n }\n paragraph(src) {\n const cap = this.rules.block.paragraph.exec(src);\n if (cap) {\n const text = cap[1].charAt(cap[1].length - 1) === '\\n'\n ? cap[1].slice(0, -1)\n : cap[1];\n return {\n type: 'paragraph',\n raw: cap[0],\n text,\n tokens: this.lexer.inline(text)\n };\n }\n }\n text(src) {\n const cap = this.rules.block.text.exec(src);\n if (cap) {\n return {\n type: 'text',\n raw: cap[0],\n text: cap[0],\n tokens: this.lexer.inline(cap[0])\n };\n }\n }\n escape(src) {\n const cap = this.rules.inline.escape.exec(src);\n if (cap) {\n return {\n type: 'escape',\n raw: cap[0],\n text: escape$1(cap[1])\n };\n }\n }\n tag(src) {\n const cap = this.rules.inline.tag.exec(src);\n if (cap) {\n if (!this.lexer.state.inLink && /^/i.test(cap[0])) {\n this.lexer.state.inLink = false;\n }\n if (!this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\\s|>)/i.test(cap[0])) {\n this.lexer.state.inRawBlock = true;\n }\n else if (this.lexer.state.inRawBlock && /^<\\/(pre|code|kbd|script)(\\s|>)/i.test(cap[0])) {\n this.lexer.state.inRawBlock = false;\n }\n return {\n type: 'html',\n raw: cap[0],\n inLink: this.lexer.state.inLink,\n inRawBlock: this.lexer.state.inRawBlock,\n block: false,\n text: cap[0]\n };\n }\n }\n link(src) {\n const cap = this.rules.inline.link.exec(src);\n if (cap) {\n const trimmedUrl = cap[2].trim();\n if (!this.options.pedantic && /^$/.test(trimmedUrl))) {\n return;\n }\n // ending angle bracket cannot be escaped\n const rtrimSlash = rtrim(trimmedUrl.slice(0, -1), '\\\\');\n if ((trimmedUrl.length - rtrimSlash.length) % 2 === 0) {\n return;\n }\n }\n else {\n // find closing parenthesis\n const lastParenIndex = findClosingBracket(cap[2], '()');\n if (lastParenIndex > -1) {\n const start = cap[0].indexOf('!') === 0 ? 5 : 4;\n const linkLen = start + cap[1].length + lastParenIndex;\n cap[2] = cap[2].substring(0, lastParenIndex);\n cap[0] = cap[0].substring(0, linkLen).trim();\n cap[3] = '';\n }\n }\n let href = cap[2];\n let title = '';\n if (this.options.pedantic) {\n // split pedantic href and title\n const link = /^([^'\"]*[^\\s])\\s+(['\"])(.*)\\2/.exec(href);\n if (link) {\n href = link[1];\n title = link[3];\n }\n }\n else {\n title = cap[3] ? cap[3].slice(1, -1) : '';\n }\n href = href.trim();\n if (/^$/.test(trimmedUrl))) {\n // pedantic allows starting angle bracket without ending angle bracket\n href = href.slice(1);\n }\n else {\n href = href.slice(1, -1);\n }\n }\n return outputLink(cap, {\n href: href ? href.replace(this.rules.inline.anyPunctuation, '$1') : href,\n title: title ? title.replace(this.rules.inline.anyPunctuation, '$1') : title\n }, cap[0], this.lexer);\n }\n }\n reflink(src, links) {\n let cap;\n if ((cap = this.rules.inline.reflink.exec(src))\n || (cap = this.rules.inline.nolink.exec(src))) {\n const linkString = (cap[2] || cap[1]).replace(/\\s+/g, ' ');\n const link = links[linkString.toLowerCase()];\n if (!link) {\n const text = cap[0].charAt(0);\n return {\n type: 'text',\n raw: text,\n text\n };\n }\n return outputLink(cap, link, cap[0], this.lexer);\n }\n }\n emStrong(src, maskedSrc, prevChar = '') {\n let match = this.rules.inline.emStrongLDelim.exec(src);\n if (!match)\n return;\n // _ can't be between two alphanumerics. \\p{L}\\p{N} includes non-english alphabet/numbers as well\n if (match[3] && prevChar.match(/[\\p{L}\\p{N}]/u))\n return;\n const nextChar = match[1] || match[2] || '';\n if (!nextChar || !prevChar || this.rules.inline.punctuation.exec(prevChar)) {\n // unicode Regex counts emoji as 1 char; spread into array for proper count (used multiple times below)\n const lLength = [...match[0]].length - 1;\n let rDelim, rLength, delimTotal = lLength, midDelimTotal = 0;\n const endReg = match[0][0] === '*' ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;\n endReg.lastIndex = 0;\n // Clip maskedSrc to same section of string as src (move to lexer?)\n maskedSrc = maskedSrc.slice(-1 * src.length + lLength);\n while ((match = endReg.exec(maskedSrc)) != null) {\n rDelim = match[1] || match[2] || match[3] || match[4] || match[5] || match[6];\n if (!rDelim)\n continue; // skip single * in __abc*abc__\n rLength = [...rDelim].length;\n if (match[3] || match[4]) { // found another Left Delim\n delimTotal += rLength;\n continue;\n }\n else if (match[5] || match[6]) { // either Left or Right Delim\n if (lLength % 3 && !((lLength + rLength) % 3)) {\n midDelimTotal += rLength;\n continue; // CommonMark Emphasis Rules 9-10\n }\n }\n delimTotal -= rLength;\n if (delimTotal > 0)\n continue; // Haven't found enough closing delimiters\n // Remove extra characters. *a*** -> *a*\n rLength = Math.min(rLength, rLength + delimTotal + midDelimTotal);\n // char length can be >1 for unicode characters;\n const lastCharLength = [...match[0]][0].length;\n const raw = src.slice(0, lLength + match.index + lastCharLength + rLength);\n // Create `em` if smallest delimiter has odd char count. *a***\n if (Math.min(lLength, rLength) % 2) {\n const text = raw.slice(1, -1);\n return {\n type: 'em',\n raw,\n text,\n tokens: this.lexer.inlineTokens(text)\n };\n }\n // Create 'strong' if smallest delimiter has even char count. **a***\n const text = raw.slice(2, -2);\n return {\n type: 'strong',\n raw,\n text,\n tokens: this.lexer.inlineTokens(text)\n };\n }\n }\n }\n codespan(src) {\n const cap = this.rules.inline.code.exec(src);\n if (cap) {\n let text = cap[2].replace(/\\n/g, ' ');\n const hasNonSpaceChars = /[^ ]/.test(text);\n const hasSpaceCharsOnBothEnds = /^ /.test(text) && / $/.test(text);\n if (hasNonSpaceChars && hasSpaceCharsOnBothEnds) {\n text = text.substring(1, text.length - 1);\n }\n text = escape$1(text, true);\n return {\n type: 'codespan',\n raw: cap[0],\n text\n };\n }\n }\n br(src) {\n const cap = this.rules.inline.br.exec(src);\n if (cap) {\n return {\n type: 'br',\n raw: cap[0]\n };\n }\n }\n del(src) {\n const cap = this.rules.inline.del.exec(src);\n if (cap) {\n return {\n type: 'del',\n raw: cap[0],\n text: cap[2],\n tokens: this.lexer.inlineTokens(cap[2])\n };\n }\n }\n autolink(src) {\n const cap = this.rules.inline.autolink.exec(src);\n if (cap) {\n let text, href;\n if (cap[2] === '@') {\n text = escape$1(cap[1]);\n href = 'mailto:' + text;\n }\n else {\n text = escape$1(cap[1]);\n href = text;\n }\n return {\n type: 'link',\n raw: cap[0],\n text,\n href,\n tokens: [\n {\n type: 'text',\n raw: text,\n text\n }\n ]\n };\n }\n }\n url(src) {\n let cap;\n if (cap = this.rules.inline.url.exec(src)) {\n let text, href;\n if (cap[2] === '@') {\n text = escape$1(cap[0]);\n href = 'mailto:' + text;\n }\n else {\n // do extended autolink path validation\n let prevCapZero;\n do {\n prevCapZero = cap[0];\n cap[0] = this.rules.inline._backpedal.exec(cap[0])?.[0] ?? '';\n } while (prevCapZero !== cap[0]);\n text = escape$1(cap[0]);\n if (cap[1] === 'www.') {\n href = 'http://' + cap[0];\n }\n else {\n href = cap[0];\n }\n }\n return {\n type: 'link',\n raw: cap[0],\n text,\n href,\n tokens: [\n {\n type: 'text',\n raw: text,\n text\n }\n ]\n };\n }\n }\n inlineText(src) {\n const cap = this.rules.inline.text.exec(src);\n if (cap) {\n let text;\n if (this.lexer.state.inRawBlock) {\n text = cap[0];\n }\n else {\n text = escape$1(cap[0]);\n }\n return {\n type: 'text',\n raw: cap[0],\n text\n };\n }\n }\n }\n\n /**\n * Block-Level Grammar\n */\n const newline = /^(?: *(?:\\n|$))+/;\n const blockCode = /^( {4}[^\\n]+(?:\\n(?: *(?:\\n|$))*)?)+/;\n const fences = /^ {0,3}(`{3,}(?=[^`\\n]*(?:\\n|$))|~{3,})([^\\n]*)(?:\\n|$)(?:|([\\s\\S]*?)(?:\\n|$))(?: {0,3}\\1[~`]* *(?=\\n|$)|$)/;\n const hr = /^ {0,3}((?:-[\\t ]*){3,}|(?:_[ \\t]*){3,}|(?:\\*[ \\t]*){3,})(?:\\n+|$)/;\n const heading = /^ {0,3}(#{1,6})(?=\\s|$)(.*)(?:\\n+|$)/;\n const bullet = /(?:[*+-]|\\d{1,9}[.)])/;\n const lheading = edit(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\\n(?!\\s*?\\n|bull |blockCode|fences|blockquote|heading|html))+?)\\n {0,3}(=+|-+) *(?:\\n+|$)/)\n .replace(/bull/g, bullet) // lists can interrupt\n .replace(/blockCode/g, / {4}/) // indented code blocks can interrupt\n .replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/) // fenced code blocks can interrupt\n .replace(/blockquote/g, / {0,3}>/) // blockquote can interrupt\n .replace(/heading/g, / {0,3}#{1,6}/) // ATX heading can interrupt\n .replace(/html/g, / {0,3}<[^\\n>]+>\\n/) // block html can interrupt\n .getRegex();\n const _paragraph = /^([^\\n]+(?:\\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\\n)[^\\n]+)*)/;\n const blockText = /^[^\\n]+/;\n const _blockLabel = /(?!\\s*\\])(?:\\\\.|[^\\[\\]\\\\])+/;\n const def = edit(/^ {0,3}\\[(label)\\]: *(?:\\n *)?([^<\\s][^\\s]*|<.*?>)(?:(?: +(?:\\n *)?| *\\n *)(title))? *(?:\\n+|$)/)\n .replace('label', _blockLabel)\n .replace('title', /(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/)\n .getRegex();\n const list = edit(/^( {0,3}bull)([ \\t][^\\n]+?)?(?:\\n|$)/)\n .replace(/bull/g, bullet)\n .getRegex();\n const _tag = 'address|article|aside|base|basefont|blockquote|body|caption'\n + '|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption'\n + '|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe'\n + '|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option'\n + '|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title'\n + '|tr|track|ul';\n const _comment = /|$))/;\n const html = edit('^ {0,3}(?:' // optional indentation\n + '<(script|pre|style|textarea)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)' // (1)\n + '|comment[^\\\\n]*(\\\\n+|$)' // (2)\n + '|<\\\\?[\\\\s\\\\S]*?(?:\\\\?>\\\\n*|$)' // (3)\n + '|\\\\n*|$)' // (4)\n + '|\\\\n*|$)' // (5)\n + '|)[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$)' // (6)\n + '|<(?!script|pre|style|textarea)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$)' // (7) open tag\n + '|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:(?:\\\\n *)+\\\\n|$)' // (7) closing tag\n + ')', 'i')\n .replace('comment', _comment)\n .replace('tag', _tag)\n .replace('attribute', / +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/)\n .getRegex();\n const paragraph = edit(_paragraph)\n .replace('hr', hr)\n .replace('heading', ' {0,3}#{1,6}(?:\\\\s|$)')\n .replace('|lheading', '') // setext headings don't interrupt commonmark paragraphs\n .replace('|table', '')\n .replace('blockquote', ' {0,3}>')\n .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n')\n .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt\n .replace('html', ')|<(?:script|pre|style|textarea|!--)')\n .replace('tag', _tag) // pars can be interrupted by type (6) html blocks\n .getRegex();\n const blockquote = edit(/^( {0,3}> ?(paragraph|[^\\n]*)(?:\\n|$))+/)\n .replace('paragraph', paragraph)\n .getRegex();\n /**\n * Normal Block Grammar\n */\n const blockNormal = {\n blockquote,\n code: blockCode,\n def,\n fences,\n heading,\n hr,\n html,\n lheading,\n list,\n newline,\n paragraph,\n table: noopTest,\n text: blockText\n };\n /**\n * GFM Block Grammar\n */\n const gfmTable = edit('^ *([^\\\\n ].*)\\\\n' // Header\n + ' {0,3}((?:\\\\| *)?:?-+:? *(?:\\\\| *:?-+:? *)*(?:\\\\| *)?)' // Align\n + '(?:\\\\n((?:(?! *\\\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\\\n|$))*)\\\\n*|$)') // Cells\n .replace('hr', hr)\n .replace('heading', ' {0,3}#{1,6}(?:\\\\s|$)')\n .replace('blockquote', ' {0,3}>')\n .replace('code', ' {4}[^\\\\n]')\n .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n')\n .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt\n .replace('html', ')|<(?:script|pre|style|textarea|!--)')\n .replace('tag', _tag) // tables can be interrupted by type (6) html blocks\n .getRegex();\n const blockGfm = {\n ...blockNormal,\n table: gfmTable,\n paragraph: edit(_paragraph)\n .replace('hr', hr)\n .replace('heading', ' {0,3}#{1,6}(?:\\\\s|$)')\n .replace('|lheading', '') // setext headings don't interrupt commonmark paragraphs\n .replace('table', gfmTable) // interrupt paragraphs with table\n .replace('blockquote', ' {0,3}>')\n .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\\\n]*\\\\n)|~{3,})[^\\\\n]*\\\\n')\n .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt\n .replace('html', ')|<(?:script|pre|style|textarea|!--)')\n .replace('tag', _tag) // pars can be interrupted by type (6) html blocks\n .getRegex()\n };\n /**\n * Pedantic grammar (original John Gruber's loose markdown specification)\n */\n const blockPedantic = {\n ...blockNormal,\n html: edit('^ *(?:comment *(?:\\\\n|\\\\s*$)'\n + '|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)' // closed tag\n + '|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))')\n .replace('comment', _comment)\n .replace(/tag/g, '(?!(?:'\n + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub'\n + '|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)'\n + '\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b')\n .getRegex(),\n def: /^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/,\n heading: /^(#{1,6})(.*)(?:\\n+|$)/,\n fences: noopTest, // fences not supported\n lheading: /^(.+?)\\n {0,3}(=+|-+) *(?:\\n+|$)/,\n paragraph: edit(_paragraph)\n .replace('hr', hr)\n .replace('heading', ' *#{1,6} *[^\\n]')\n .replace('lheading', lheading)\n .replace('|table', '')\n .replace('blockquote', ' {0,3}>')\n .replace('|fences', '')\n .replace('|list', '')\n .replace('|html', '')\n .replace('|tag', '')\n .getRegex()\n };\n /**\n * Inline-Level Grammar\n */\n const escape = /^\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/;\n const inlineCode = /^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/;\n const br = /^( {2,}|\\\\)\\n(?!\\s*$)/;\n const inlineText = /^(`+|[^`])(?:(?= {2,}\\n)|[\\s\\S]*?(?:(?=[\\\\\n const blockSkip = /\\[[^[\\]]*?\\]\\([^\\(\\)]*?\\)|`[^`]*?`|<[^<>]*?>/g;\n const emStrongLDelim = edit(/^(?:\\*+(?:((?!\\*)[punct])|[^\\s*]))|^_+(?:((?!_)[punct])|([^\\s_]))/, 'u')\n .replace(/punct/g, _punctuation)\n .getRegex();\n const emStrongRDelimAst = edit('^[^_*]*?__[^_*]*?\\\\*[^_*]*?(?=__)' // Skip orphan inside strong\n + '|[^*]+(?=[^*])' // Consume to delim\n + '|(?!\\\\*)[punct](\\\\*+)(?=[\\\\s]|$)' // (1) #*** can only be a Right Delimiter\n + '|[^punct\\\\s](\\\\*+)(?!\\\\*)(?=[punct\\\\s]|$)' // (2) a***#, a*** can only be a Right Delimiter\n + '|(?!\\\\*)[punct\\\\s](\\\\*+)(?=[^punct\\\\s])' // (3) #***a, ***a can only be Left Delimiter\n + '|[\\\\s](\\\\*+)(?!\\\\*)(?=[punct])' // (4) ***# can only be Left Delimiter\n + '|(?!\\\\*)[punct](\\\\*+)(?!\\\\*)(?=[punct])' // (5) #***# can be either Left or Right Delimiter\n + '|[^punct\\\\s](\\\\*+)(?=[^punct\\\\s])', 'gu') // (6) a***a can be either Left or Right Delimiter\n .replace(/punct/g, _punctuation)\n .getRegex();\n // (6) Not allowed for _\n const emStrongRDelimUnd = edit('^[^_*]*?\\\\*\\\\*[^_*]*?_[^_*]*?(?=\\\\*\\\\*)' // Skip orphan inside strong\n + '|[^_]+(?=[^_])' // Consume to delim\n + '|(?!_)[punct](_+)(?=[\\\\s]|$)' // (1) #___ can only be a Right Delimiter\n + '|[^punct\\\\s](_+)(?!_)(?=[punct\\\\s]|$)' // (2) a___#, a___ can only be a Right Delimiter\n + '|(?!_)[punct\\\\s](_+)(?=[^punct\\\\s])' // (3) #___a, ___a can only be Left Delimiter\n + '|[\\\\s](_+)(?!_)(?=[punct])' // (4) ___# can only be Left Delimiter\n + '|(?!_)[punct](_+)(?!_)(?=[punct])', 'gu') // (5) #___# can be either Left or Right Delimiter\n .replace(/punct/g, _punctuation)\n .getRegex();\n const anyPunctuation = edit(/\\\\([punct])/, 'gu')\n .replace(/punct/g, _punctuation)\n .getRegex();\n const autolink = edit(/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/)\n .replace('scheme', /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/)\n .replace('email', /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/)\n .getRegex();\n const _inlineComment = edit(_comment).replace('(?:-->|$)', '-->').getRegex();\n const tag = edit('^comment'\n + '|^' // self-closing tag\n + '|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>' // open tag\n + '|^<\\\\?[\\\\s\\\\S]*?\\\\?>' // processing instruction, e.g. \n + '|^' // declaration, e.g. \n + '|^') // CDATA section\n .replace('comment', _inlineComment)\n .replace('attribute', /\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/)\n .getRegex();\n const _inlineLabel = /(?:\\[(?:\\\\.|[^\\[\\]\\\\])*\\]|\\\\.|`[^`]*`|[^\\[\\]\\\\`])*?/;\n const link = edit(/^!?\\[(label)\\]\\(\\s*(href)(?:\\s+(title))?\\s*\\)/)\n .replace('label', _inlineLabel)\n .replace('href', /<(?:\\\\.|[^\\n<>\\\\])+>|[^\\s\\x00-\\x1f]*/)\n .replace('title', /\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/)\n .getRegex();\n const reflink = edit(/^!?\\[(label)\\]\\[(ref)\\]/)\n .replace('label', _inlineLabel)\n .replace('ref', _blockLabel)\n .getRegex();\n const nolink = edit(/^!?\\[(ref)\\](?:\\[\\])?/)\n .replace('ref', _blockLabel)\n .getRegex();\n const reflinkSearch = edit('reflink|nolink(?!\\\\()', 'g')\n .replace('reflink', reflink)\n .replace('nolink', nolink)\n .getRegex();\n /**\n * Normal Inline Grammar\n */\n const inlineNormal = {\n _backpedal: noopTest, // only used for GFM url\n anyPunctuation,\n autolink,\n blockSkip,\n br,\n code: inlineCode,\n del: noopTest,\n emStrongLDelim,\n emStrongRDelimAst,\n emStrongRDelimUnd,\n escape,\n link,\n nolink,\n punctuation,\n reflink,\n reflinkSearch,\n tag,\n text: inlineText,\n url: noopTest\n };\n /**\n * Pedantic Inline Grammar\n */\n const inlinePedantic = {\n ...inlineNormal,\n link: edit(/^!?\\[(label)\\]\\((.*?)\\)/)\n .replace('label', _inlineLabel)\n .getRegex(),\n reflink: edit(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/)\n .replace('label', _inlineLabel)\n .getRegex()\n };\n /**\n * GFM Inline Grammar\n */\n const inlineGfm = {\n ...inlineNormal,\n escape: edit(escape).replace('])', '~|])').getRegex(),\n url: edit(/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/, 'i')\n .replace('email', /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/)\n .getRegex(),\n _backpedal: /(?:[^?!.,:;*_'\"~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'\"~)]+(?!$))+/,\n del: /^(~~?)(?=[^\\s~])([\\s\\S]*?[^\\s~])\\1(?=[^~]|$)/,\n text: /^([`~]+|[^`~])(?:(?= {2,}\\n)|(?=[a-zA-Z0-9.!#$%&'*+\\/=?_`{\\|}~-]+@)|[\\s\\S]*?(?:(?=[\\\\ {\n return leading + ' '.repeat(tabs.length);\n });\n }\n let token;\n let lastToken;\n let cutSrc;\n let lastParagraphClipped;\n while (src) {\n if (this.options.extensions\n && this.options.extensions.block\n && this.options.extensions.block.some((extTokenizer) => {\n if (token = extTokenizer.call({ lexer: this }, src, tokens)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n return true;\n }\n return false;\n })) {\n continue;\n }\n // newline\n if (token = this.tokenizer.space(src)) {\n src = src.substring(token.raw.length);\n if (token.raw.length === 1 && tokens.length > 0) {\n // if there's a single \\n as a spacer, it's terminating the last line,\n // so move it there so that we don't get unnecessary paragraph tags\n tokens[tokens.length - 1].raw += '\\n';\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n // code\n if (token = this.tokenizer.code(src)) {\n src = src.substring(token.raw.length);\n lastToken = tokens[tokens.length - 1];\n // An indented code block cannot interrupt a paragraph.\n if (lastToken && (lastToken.type === 'paragraph' || lastToken.type === 'text')) {\n lastToken.raw += '\\n' + token.raw;\n lastToken.text += '\\n' + token.text;\n this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n // fences\n if (token = this.tokenizer.fences(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // heading\n if (token = this.tokenizer.heading(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // hr\n if (token = this.tokenizer.hr(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // blockquote\n if (token = this.tokenizer.blockquote(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // list\n if (token = this.tokenizer.list(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // html\n if (token = this.tokenizer.html(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // def\n if (token = this.tokenizer.def(src)) {\n src = src.substring(token.raw.length);\n lastToken = tokens[tokens.length - 1];\n if (lastToken && (lastToken.type === 'paragraph' || lastToken.type === 'text')) {\n lastToken.raw += '\\n' + token.raw;\n lastToken.text += '\\n' + token.raw;\n this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;\n }\n else if (!this.tokens.links[token.tag]) {\n this.tokens.links[token.tag] = {\n href: token.href,\n title: token.title\n };\n }\n continue;\n }\n // table (gfm)\n if (token = this.tokenizer.table(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // lheading\n if (token = this.tokenizer.lheading(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // top-level paragraph\n // prevent paragraph consuming extensions by clipping 'src' to extension start\n cutSrc = src;\n if (this.options.extensions && this.options.extensions.startBlock) {\n let startIndex = Infinity;\n const tempSrc = src.slice(1);\n let tempStart;\n this.options.extensions.startBlock.forEach((getStartIndex) => {\n tempStart = getStartIndex.call({ lexer: this }, tempSrc);\n if (typeof tempStart === 'number' && tempStart >= 0) {\n startIndex = Math.min(startIndex, tempStart);\n }\n });\n if (startIndex < Infinity && startIndex >= 0) {\n cutSrc = src.substring(0, startIndex + 1);\n }\n }\n if (this.state.top && (token = this.tokenizer.paragraph(cutSrc))) {\n lastToken = tokens[tokens.length - 1];\n if (lastParagraphClipped && lastToken.type === 'paragraph') {\n lastToken.raw += '\\n' + token.raw;\n lastToken.text += '\\n' + token.text;\n this.inlineQueue.pop();\n this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;\n }\n else {\n tokens.push(token);\n }\n lastParagraphClipped = (cutSrc.length !== src.length);\n src = src.substring(token.raw.length);\n continue;\n }\n // text\n if (token = this.tokenizer.text(src)) {\n src = src.substring(token.raw.length);\n lastToken = tokens[tokens.length - 1];\n if (lastToken && lastToken.type === 'text') {\n lastToken.raw += '\\n' + token.raw;\n lastToken.text += '\\n' + token.text;\n this.inlineQueue.pop();\n this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n if (src) {\n const errMsg = 'Infinite loop on byte: ' + src.charCodeAt(0);\n if (this.options.silent) {\n console.error(errMsg);\n break;\n }\n else {\n throw new Error(errMsg);\n }\n }\n }\n this.state.top = true;\n return tokens;\n }\n inline(src, tokens = []) {\n this.inlineQueue.push({ src, tokens });\n return tokens;\n }\n /**\n * Lexing/Compiling\n */\n inlineTokens(src, tokens = []) {\n let token, lastToken, cutSrc;\n // String with links masked to avoid interference with em and strong\n let maskedSrc = src;\n let match;\n let keepPrevChar, prevChar;\n // Mask out reflinks\n if (this.tokens.links) {\n const links = Object.keys(this.tokens.links);\n if (links.length > 0) {\n while ((match = this.tokenizer.rules.inline.reflinkSearch.exec(maskedSrc)) != null) {\n if (links.includes(match[0].slice(match[0].lastIndexOf('[') + 1, -1))) {\n maskedSrc = maskedSrc.slice(0, match.index) + '[' + 'a'.repeat(match[0].length - 2) + ']' + maskedSrc.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex);\n }\n }\n }\n }\n // Mask out other blocks\n while ((match = this.tokenizer.rules.inline.blockSkip.exec(maskedSrc)) != null) {\n maskedSrc = maskedSrc.slice(0, match.index) + '[' + 'a'.repeat(match[0].length - 2) + ']' + maskedSrc.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);\n }\n // Mask out escaped characters\n while ((match = this.tokenizer.rules.inline.anyPunctuation.exec(maskedSrc)) != null) {\n maskedSrc = maskedSrc.slice(0, match.index) + '++' + maskedSrc.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);\n }\n while (src) {\n if (!keepPrevChar) {\n prevChar = '';\n }\n keepPrevChar = false;\n // extensions\n if (this.options.extensions\n && this.options.extensions.inline\n && this.options.extensions.inline.some((extTokenizer) => {\n if (token = extTokenizer.call({ lexer: this }, src, tokens)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n return true;\n }\n return false;\n })) {\n continue;\n }\n // escape\n if (token = this.tokenizer.escape(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // tag\n if (token = this.tokenizer.tag(src)) {\n src = src.substring(token.raw.length);\n lastToken = tokens[tokens.length - 1];\n if (lastToken && token.type === 'text' && lastToken.type === 'text') {\n lastToken.raw += token.raw;\n lastToken.text += token.text;\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n // link\n if (token = this.tokenizer.link(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // reflink, nolink\n if (token = this.tokenizer.reflink(src, this.tokens.links)) {\n src = src.substring(token.raw.length);\n lastToken = tokens[tokens.length - 1];\n if (lastToken && token.type === 'text' && lastToken.type === 'text') {\n lastToken.raw += token.raw;\n lastToken.text += token.text;\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n // em & strong\n if (token = this.tokenizer.emStrong(src, maskedSrc, prevChar)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // code\n if (token = this.tokenizer.codespan(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // br\n if (token = this.tokenizer.br(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // del (gfm)\n if (token = this.tokenizer.del(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // autolink\n if (token = this.tokenizer.autolink(src)) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // url (gfm)\n if (!this.state.inLink && (token = this.tokenizer.url(src))) {\n src = src.substring(token.raw.length);\n tokens.push(token);\n continue;\n }\n // text\n // prevent inlineText consuming extensions by clipping 'src' to extension start\n cutSrc = src;\n if (this.options.extensions && this.options.extensions.startInline) {\n let startIndex = Infinity;\n const tempSrc = src.slice(1);\n let tempStart;\n this.options.extensions.startInline.forEach((getStartIndex) => {\n tempStart = getStartIndex.call({ lexer: this }, tempSrc);\n if (typeof tempStart === 'number' && tempStart >= 0) {\n startIndex = Math.min(startIndex, tempStart);\n }\n });\n if (startIndex < Infinity && startIndex >= 0) {\n cutSrc = src.substring(0, startIndex + 1);\n }\n }\n if (token = this.tokenizer.inlineText(cutSrc)) {\n src = src.substring(token.raw.length);\n if (token.raw.slice(-1) !== '_') { // Track prevChar before string of ____ started\n prevChar = token.raw.slice(-1);\n }\n keepPrevChar = true;\n lastToken = tokens[tokens.length - 1];\n if (lastToken && lastToken.type === 'text') {\n lastToken.raw += token.raw;\n lastToken.text += token.text;\n }\n else {\n tokens.push(token);\n }\n continue;\n }\n if (src) {\n const errMsg = 'Infinite loop on byte: ' + src.charCodeAt(0);\n if (this.options.silent) {\n console.error(errMsg);\n break;\n }\n else {\n throw new Error(errMsg);\n }\n }\n }\n return tokens;\n }\n }\n\n /**\n * Renderer\n */\n class _Renderer {\n options;\n constructor(options) {\n this.options = options || exports.defaults;\n }\n code(code, infostring, escaped) {\n const lang = (infostring || '').match(/^\\S*/)?.[0];\n code = code.replace(/\\n$/, '') + '\\n';\n if (!lang) {\n return '
'\n                    + (escaped ? code : escape$1(code, true))\n                    + '
\\n';\n }\n return '
'\n                + (escaped ? code : escape$1(code, true))\n                + '
\\n';\n }\n blockquote(quote) {\n return `
\\n${quote}
\\n`;\n }\n html(html, block) {\n return html;\n }\n heading(text, level, raw) {\n // ignore IDs\n return `${text}\\n`;\n }\n hr() {\n return '
\\n';\n }\n list(body, ordered, start) {\n const type = ordered ? 'ol' : 'ul';\n const startatt = (ordered && start !== 1) ? (' start=\"' + start + '\"') : '';\n return '<' + type + startatt + '>\\n' + body + '\\n';\n }\n listitem(text, task, checked) {\n return `
  • ${text}
    • \\n`;\n }\n checkbox(checked) {\n return '';\n }\n paragraph(text) {\n return `

    ${text}

    \\n`;\n }\n table(header, body) {\n if (body)\n body = `${body}`;\n return '\\n'\n + '\\n'\n + header\n + '\\n'\n + body\n + '
    \\n';\n }\n tablerow(content) {\n return `\\n${content}\\n`;\n }\n tablecell(content, flags) {\n const type = flags.header ? 'th' : 'td';\n const tag = flags.align\n ? `<${type} align=\"${flags.align}\">`\n : `<${type}>`;\n return tag + content + `\\n`;\n }\n /**\n * span level renderer\n */\n strong(text) {\n return `${text}`;\n }\n em(text) {\n return `${text}`;\n }\n codespan(text) {\n return `${text}`;\n }\n br() {\n return '
    ';\n }\n del(text) {\n return `${text}`;\n }\n link(href, title, text) {\n const cleanHref = cleanUrl(href);\n if (cleanHref === null) {\n return text;\n }\n href = cleanHref;\n let out = '    ';\n return out;\n }\n image(href, title, text) {\n const cleanHref = cleanUrl(href);\n if (cleanHref === null) {\n return text;\n }\n href = cleanHref;\n let out = `\"${text}\"`;\n 0 && item.tokens[0].type === 'paragraph') {\n item.tokens[0].text = checkbox + ' ' + item.tokens[0].text;\n if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === 'text') {\n item.tokens[0].tokens[0].text = checkbox + ' ' + item.tokens[0].tokens[0].text;\n }\n }\n else {\n item.tokens.unshift({\n type: 'text',\n text: checkbox + ' '\n });\n }\n }\n else {\n itemBody += checkbox + ' ';\n }\n }\n itemBody += this.parse(item.tokens, loose);\n body += this.renderer.listitem(itemBody, task, !!checked);\n }\n out += this.renderer.list(body, ordered, start);\n continue;\n }\n case 'html': {\n const htmlToken = token;\n out += this.renderer.html(htmlToken.text, htmlToken.block);\n continue;\n }\n case 'paragraph': {\n const paragraphToken = token;\n out += this.renderer.paragraph(this.parseInline(paragraphToken.tokens));\n continue;\n }\n case 'text': {\n let textToken = token;\n let body = textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text;\n while (i + 1 < tokens.length && tokens[i + 1].type === 'text') {\n textToken = tokens[++i];\n body += '\\n' + (textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text);\n }\n out += top ? this.renderer.paragraph(body) : body;\n continue;\n }\n default: {\n const errMsg = 'Token with \"' + token.type + '\" type was not found.';\n if (this.options.silent) {\n console.error(errMsg);\n return '';\n }\n else {\n throw new Error(errMsg);\n }\n }\n }\n }\n return out;\n }\n /**\n * Parse Inline Tokens\n */\n parseInline(tokens, renderer) {\n renderer = renderer || this.renderer;\n let out = '';\n for (let i = 0; i < tokens.length; i++) {\n const token = tokens[i];\n // Run any renderer extensions\n if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[token.type]) {\n const ret = this.options.extensions.renderers[token.type].call({ parser: this }, token);\n if (ret !== false || !['escape', 'html', 'link', 'image', 'strong', 'em', 'codespan', 'br', 'del', 'text'].includes(token.type)) {\n out += ret || '';\n continue;\n }\n }\n switch (token.type) {\n case 'escape': {\n const escapeToken = token;\n out += renderer.text(escapeToken.text);\n break;\n }\n case 'html': {\n const tagToken = token;\n out += renderer.html(tagToken.text);\n break;\n }\n case 'link': {\n const linkToken = token;\n out += renderer.link(linkToken.href, linkToken.title, this.parseInline(linkToken.tokens, renderer));\n break;\n }\n case 'image': {\n const imageToken = token;\n out += renderer.image(imageToken.href, imageToken.title, imageToken.text);\n break;\n }\n case 'strong': {\n const strongToken = token;\n out += renderer.strong(this.parseInline(strongToken.tokens, renderer));\n break;\n }\n case 'em': {\n const emToken = token;\n out += renderer.em(this.parseInline(emToken.tokens, renderer));\n break;\n }\n case 'codespan': {\n const codespanToken = token;\n out += renderer.codespan(codespanToken.text);\n break;\n }\n case 'br': {\n out += renderer.br();\n break;\n }\n case 'del': {\n const delToken = token;\n out += renderer.del(this.parseInline(delToken.tokens, renderer));\n break;\n }\n case 'text': {\n const textToken = token;\n out += renderer.text(textToken.text);\n break;\n }\n default: {\n const errMsg = 'Token with \"' + token.type + '\" type was not found.';\n if (this.options.silent) {\n console.error(errMsg);\n return '';\n }\n else {\n throw new Error(errMsg);\n }\n }\n }\n }\n return out;\n }\n }\n\n class _Hooks {\n options;\n constructor(options) {\n this.options = options || exports.defaults;\n }\n static passThroughHooks = new Set([\n 'preprocess',\n 'postprocess',\n 'processAllTokens'\n ]);\n /**\n * Process markdown before marked\n */\n preprocess(markdown) {\n return markdown;\n }\n /**\n * Process HTML after marked is finished\n */\n postprocess(html) {\n return html;\n }\n /**\n * Process all tokens before walk tokens\n */\n processAllTokens(tokens) {\n return tokens;\n }\n }\n\n class Marked {\n defaults = _getDefaults();\n options = this.setOptions;\n parse = this.#parseMarkdown(_Lexer.lex, _Parser.parse);\n parseInline = this.#parseMarkdown(_Lexer.lexInline, _Parser.parseInline);\n Parser = _Parser;\n Renderer = _Renderer;\n TextRenderer = _TextRenderer;\n Lexer = _Lexer;\n Tokenizer = _Tokenizer;\n Hooks = _Hooks;\n constructor(...args) {\n this.use(...args);\n }\n /**\n * Run callback for every token\n */\n walkTokens(tokens, callback) {\n let values = [];\n for (const token of tokens) {\n values = values.concat(callback.call(this, token));\n switch (token.type) {\n case 'table': {\n const tableToken = token;\n for (const cell of tableToken.header) {\n values = values.concat(this.walkTokens(cell.tokens, callback));\n }\n for (const row of tableToken.rows) {\n for (const cell of row) {\n values = values.concat(this.walkTokens(cell.tokens, callback));\n }\n }\n break;\n }\n case 'list': {\n const listToken = token;\n values = values.concat(this.walkTokens(listToken.items, callback));\n break;\n }\n default: {\n const genericToken = token;\n if (this.defaults.extensions?.childTokens?.[genericToken.type]) {\n this.defaults.extensions.childTokens[genericToken.type].forEach((childTokens) => {\n const tokens = genericToken[childTokens].flat(Infinity);\n values = values.concat(this.walkTokens(tokens, callback));\n });\n }\n else if (genericToken.tokens) {\n values = values.concat(this.walkTokens(genericToken.tokens, callback));\n }\n }\n }\n }\n return values;\n }\n use(...args) {\n const extensions = this.defaults.extensions || { renderers: {}, childTokens: {} };\n args.forEach((pack) => {\n // copy options to new object\n const opts = { ...pack };\n // set async to true if it was set to true before\n opts.async = this.defaults.async || opts.async || false;\n // ==-- Parse \"addon\" extensions --== //\n if (pack.extensions) {\n pack.extensions.forEach((ext) => {\n if (!ext.name) {\n throw new Error('extension name required');\n }\n if ('renderer' in ext) { // Renderer extensions\n const prevRenderer = extensions.renderers[ext.name];\n if (prevRenderer) {\n // Replace extension with func to run new extension but fall back if false\n extensions.renderers[ext.name] = function (...args) {\n let ret = ext.renderer.apply(this, args);\n if (ret === false) {\n ret = prevRenderer.apply(this, args);\n }\n return ret;\n };\n }\n else {\n extensions.renderers[ext.name] = ext.renderer;\n }\n }\n if ('tokenizer' in ext) { // Tokenizer Extensions\n if (!ext.level || (ext.level !== 'block' && ext.level !== 'inline')) {\n throw new Error(\"extension level must be 'block' or 'inline'\");\n }\n const extLevel = extensions[ext.level];\n if (extLevel) {\n extLevel.unshift(ext.tokenizer);\n }\n else {\n extensions[ext.level] = [ext.tokenizer];\n }\n if (ext.start) { // Function to check for start of token\n if (ext.level === 'block') {\n if (extensions.startBlock) {\n extensions.startBlock.push(ext.start);\n }\n else {\n extensions.startBlock = [ext.start];\n }\n }\n else if (ext.level === 'inline') {\n if (extensions.startInline) {\n extensions.startInline.push(ext.start);\n }\n else {\n extensions.startInline = [ext.start];\n }\n }\n }\n }\n if ('childTokens' in ext && ext.childTokens) { // Child tokens to be visited by walkTokens\n extensions.childTokens[ext.name] = ext.childTokens;\n }\n });\n opts.extensions = extensions;\n }\n // ==-- Parse \"overwrite\" extensions --== //\n if (pack.renderer) {\n const renderer = this.defaults.renderer || new _Renderer(this.defaults);\n for (const prop in pack.renderer) {\n if (!(prop in renderer)) {\n throw new Error(`renderer '${prop}' does not exist`);\n }\n if (prop === 'options') {\n // ignore options property\n continue;\n }\n const rendererProp = prop;\n const rendererFunc = pack.renderer[rendererProp];\n const prevRenderer = renderer[rendererProp];\n // Replace renderer with func to run extension, but fall back if false\n renderer[rendererProp] = (...args) => {\n let ret = rendererFunc.apply(renderer, args);\n if (ret === false) {\n ret = prevRenderer.apply(renderer, args);\n }\n return ret || '';\n };\n }\n opts.renderer = renderer;\n }\n if (pack.tokenizer) {\n const tokenizer = this.defaults.tokenizer || new _Tokenizer(this.defaults);\n for (const prop in pack.tokenizer) {\n if (!(prop in tokenizer)) {\n throw new Error(`tokenizer '${prop}' does not exist`);\n }\n if (['options', 'rules', 'lexer'].includes(prop)) {\n // ignore options, rules, and lexer properties\n continue;\n }\n const tokenizerProp = prop;\n const tokenizerFunc = pack.tokenizer[tokenizerProp];\n const prevTokenizer = tokenizer[tokenizerProp];\n // Replace tokenizer with func to run extension, but fall back if false\n // @ts-expect-error cannot type tokenizer function dynamically\n tokenizer[tokenizerProp] = (...args) => {\n let ret = tokenizerFunc.apply(tokenizer, args);\n if (ret === false) {\n ret = prevTokenizer.apply(tokenizer, args);\n }\n return ret;\n };\n }\n opts.tokenizer = tokenizer;\n }\n // ==-- Parse Hooks extensions --== //\n if (pack.hooks) {\n const hooks = this.defaults.hooks || new _Hooks();\n for (const prop in pack.hooks) {\n if (!(prop in hooks)) {\n throw new Error(`hook '${prop}' does not exist`);\n }\n if (prop === 'options') {\n // ignore options property\n continue;\n }\n const hooksProp = prop;\n const hooksFunc = pack.hooks[hooksProp];\n const prevHook = hooks[hooksProp];\n if (_Hooks.passThroughHooks.has(prop)) {\n // @ts-expect-error cannot type hook function dynamically\n hooks[hooksProp] = (arg) => {\n if (this.defaults.async) {\n return Promise.resolve(hooksFunc.call(hooks, arg)).then(ret => {\n return prevHook.call(hooks, ret);\n });\n }\n const ret = hooksFunc.call(hooks, arg);\n return prevHook.call(hooks, ret);\n };\n }\n else {\n // @ts-expect-error cannot type hook function dynamically\n hooks[hooksProp] = (...args) => {\n let ret = hooksFunc.apply(hooks, args);\n if (ret === false) {\n ret = prevHook.apply(hooks, args);\n }\n return ret;\n };\n }\n }\n opts.hooks = hooks;\n }\n // ==-- Parse WalkTokens extensions --== //\n if (pack.walkTokens) {\n const walkTokens = this.defaults.walkTokens;\n const packWalktokens = pack.walkTokens;\n opts.walkTokens = function (token) {\n let values = [];\n values.push(packWalktokens.call(this, token));\n if (walkTokens) {\n values = values.concat(walkTokens.call(this, token));\n }\n return values;\n };\n }\n this.defaults = { ...this.defaults, ...opts };\n });\n return this;\n }\n setOptions(opt) {\n this.defaults = { ...this.defaults, ...opt };\n return this;\n }\n lexer(src, options) {\n return _Lexer.lex(src, options ?? this.defaults);\n }\n parser(tokens, options) {\n return _Parser.parse(tokens, options ?? this.defaults);\n }\n #parseMarkdown(lexer, parser) {\n return (src, options) => {\n const origOpt = { ...options };\n const opt = { ...this.defaults, ...origOpt };\n // Show warning if an extension set async to true but the parse was called with async: false\n if (this.defaults.async === true && origOpt.async === false) {\n if (!opt.silent) {\n console.warn('marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.');\n }\n opt.async = true;\n }\n const throwError = this.#onError(!!opt.silent, !!opt.async);\n // throw error in case of non string input\n if (typeof src === 'undefined' || src === null) {\n return throwError(new Error('marked(): input parameter is undefined or null'));\n }\n if (typeof src !== 'string') {\n return throwError(new Error('marked(): input parameter is of type '\n + Object.prototype.toString.call(src) + ', string expected'));\n }\n if (opt.hooks) {\n opt.hooks.options = opt;\n }\n if (opt.async) {\n return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src)\n .then(src => lexer(src, opt))\n .then(tokens => opt.hooks ? opt.hooks.processAllTokens(tokens) : tokens)\n .then(tokens => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens)\n .then(tokens => parser(tokens, opt))\n .then(html => opt.hooks ? opt.hooks.postprocess(html) : html)\n .catch(throwError);\n }\n try {\n if (opt.hooks) {\n src = opt.hooks.preprocess(src);\n }\n let tokens = lexer(src, opt);\n if (opt.hooks) {\n tokens = opt.hooks.processAllTokens(tokens);\n }\n if (opt.walkTokens) {\n this.walkTokens(tokens, opt.walkTokens);\n }\n let html = parser(tokens, opt);\n if (opt.hooks) {\n html = opt.hooks.postprocess(html);\n }\n return html;\n }\n catch (e) {\n return throwError(e);\n }\n };\n }\n #onError(silent, async) {\n return (e) => {\n e.message += '\\nPlease report this to https://github.com/markedjs/marked.';\n if (silent) {\n const msg = '

    An error occurred:

    '\n                        + escape$1(e.message + '', true)\n                        + '
    ';\n if (async) {\n return Promise.resolve(msg);\n }\n return msg;\n }\n if (async) {\n return Promise.reject(e);\n }\n throw e;\n };\n }\n }\n\n const markedInstance = new Marked();\n function marked(src, opt) {\n return markedInstance.parse(src, opt);\n }\n /**\n * Sets the default options.\n *\n * @param options Hash of options\n */\n marked.options =\n marked.setOptions = function (options) {\n markedInstance.setOptions(options);\n marked.defaults = markedInstance.defaults;\n changeDefaults(marked.defaults);\n return marked;\n };\n /**\n * Gets the original marked default options.\n */\n marked.getDefaults = _getDefaults;\n marked.defaults = exports.defaults;\n /**\n * Use Extension\n */\n marked.use = function (...args) {\n markedInstance.use(...args);\n marked.defaults = markedInstance.defaults;\n changeDefaults(marked.defaults);\n return marked;\n };\n /**\n * Run callback for every token\n */\n marked.walkTokens = function (tokens, callback) {\n return markedInstance.walkTokens(tokens, callback);\n };\n /**\n * Compiles markdown to HTML without enclosing `p` tag.\n *\n * @param src String of markdown source to be compiled\n * @param options Hash of options\n * @return String of compiled HTML\n */\n marked.parseInline = markedInstance.parseInline;\n /**\n * Expose\n */\n marked.Parser = _Parser;\n marked.parser = _Parser.parse;\n marked.Renderer = _Renderer;\n marked.TextRenderer = _TextRenderer;\n marked.Lexer = _Lexer;\n marked.lexer = _Lexer.lex;\n marked.Tokenizer = _Tokenizer;\n marked.Hooks = _Hooks;\n marked.parse = marked;\n const options = marked.options;\n const setOptions = marked.setOptions;\n const use = marked.use;\n const walkTokens = marked.walkTokens;\n const parseInline = marked.parseInline;\n const parse = marked;\n const parser = _Parser.parse;\n const lexer = _Lexer.lex;\n\n exports.Hooks = _Hooks;\n exports.Lexer = _Lexer;\n exports.Marked = Marked;\n exports.Parser = _Parser;\n exports.Renderer = _Renderer;\n exports.TextRenderer = _TextRenderer;\n exports.Tokenizer = _Tokenizer;\n exports.getDefaults = _getDefaults;\n exports.lexer = lexer;\n exports.marked = marked;\n exports.options = options;\n exports.parse = parse;\n exports.parseInline = parseInline;\n exports.parser = parser;\n exports.setOptions = setOptions;\n exports.use = use;\n exports.walkTokens = walkTokens;\n\n}));\n\n}(marked_umd, marked_umd.exports));\n\nconst toInlinePlainText = (textWithHtml) => {\n const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');\n const withCollapsedWhitespaces = withoutHtmlTags.replace(/\\s{2,}/g, ' ');\n return withCollapsedWhitespaces.trim();\n};\nconst unclosedElement = /(\\*{1,3}|`)($|\\w[\\w\\s]*$)/;\nconst completeUnclosedElement = (text) => {\n const match = unclosedElement.exec(text);\n if (match) {\n const symbol = match[1];\n const replacements = {\n '***': '$2',\n '**': '$2',\n '*': '$2',\n '`': '$2',\n };\n return text.replace(unclosedElement, replacements[symbol]);\n }\n return text;\n};\nconst escapeHtml = (text) => {\n return text\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n};\nconst customRenderer = {\n blockquote(quote) {\n return `
    ${quote}
    `;\n },\n code(code) {\n return `
    ${escapeHtml(code)}
    `;\n },\n codespan(text) {\n return `${text}`;\n },\n em(text) {\n return `${text}`;\n },\n heading(text, level) {\n const plainText = toInlinePlainText(text);\n return `
    ${text}
    `;\n },\n html(text) {\n return escapeHtml(text);\n },\n list(body, ordered, start) {\n const type = ordered ? 'ol' : 'ul';\n const part = ordered ? 'answer-ordered-list' : 'answer-unordered-list';\n const tag = ordered && start !== 1\n ? `<${type} part=\"${part}\" start=\"${start}\">`\n : `<${type} part=\"${part}\">`;\n return `${tag}${body}`;\n },\n /**\n * Custom Marked renderer to remove wrapping `

    ` element around list item content.\n * @param text The element text content.\n * @returns The list item element to render.\n */\n listitem(text) {\n const unwrappedText = text\n .replace(/^]*>/, '')\n .replace(/<\\/p>\\n?$/, '');\n const withClosedElement = completeUnclosedElement(unwrappedText);\n return `

  • ${withClosedElement}
    • `;\n },\n paragraph(text) {\n return `

    ${text}

    `;\n },\n strong(text) {\n return `${text}`;\n },\n /**\n * Custom Marked renderer to wrap `` element in a scrolling container.\n * @param header The table header content.\n * @param body The table body content.\n * @returns The element to render.\n */\n table(header, body) {\n return `
    ${header}${body}
    `;\n },\n tablecell(content, flags) {\n const type = flags.header ? 'th' : 'td';\n const part = flags.header ? 'answer-table-header' : 'answer-table-content';\n const tag = flags.align\n ? `<${type} part=\"${part}\" align=\"${flags.align}\">`\n : `<${type} part=\"${part}\">`;\n return `${tag}${content}`;\n },\n /**\n * Custom Marked renderer to complete unclosed inline elements such as bold, italic, and code.\n * @param text The text content.\n * @returns The corrected text content.\n */\n text(text) {\n return completeUnclosedElement(text);\n },\n};\nconst transformMarkdownToHtml = (text) => {\n return marked_umd.exports.marked.use({ renderer: customRenderer }).parse(text);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst GeneratedMarkdownContent = (props) => {\n const answerAsHtml = DOMPurify.sanitize(transformMarkdownToHtml(props.answer ?? ''), { ADD_ATTR: ['part'] });\n return (h(\"div\", { part: \"generated-text\", class: `text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}`, innerHTML: answerAsHtml }));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst GeneratedTextContent = (props) => {\n return (h(\"p\", { part: \"generated-text\", class: `text-on-background mb-0 whitespace-pre-wrap ${props.isStreaming ? 'cursor' : ''}` }, props.answer));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst GeneratedContentContainer = (props, children) => {\n return (h(\"div\", { part: \"generated-container\", class: \"mt-6\" },\n props.answerContentFormat === 'text/markdown' ? (h(GeneratedMarkdownContent, { answer: props.answer, isStreaming: props.isStreaming })) : (h(GeneratedTextContent, { answer: props.answer, isStreaming: props.isStreaming })),\n h(\"div\", { class: \"footer mt-6\" }, children)));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ShowButton = (props) => (h(Button, { style: \"text-primary\", part: \"answer-show-button\", class: \"hidden items-center hover:bg-transparent\", onClick: () => props.onClick() },\n h(\"div\", { class: \"text-base font-light\" }, props.isCollapsed\n ? props.i18n.t('show-more')\n : props.i18n.t('show-less')),\n h(\"atomic-icon\", { part: \"answer-show-icon\", class: \"ml-2 w-3.5\", icon: props.isCollapsed ? ArrowBottomIcon : ArrowUp })));\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RetryPrompt = (props) => (h(\"div\", { part: \"retry-container\", class: \"mt-4\" },\n h(\"div\", { class: \"text-neutral-dark mx-auto text-center\" }, props.message),\n h(Button, { class: \"mx-auto mt-4 block px-4 py-2\", style: \"outline-primary\", onClick: props.onClick }, props.buttonLabel)));\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SourceCitations = (props, children) => props.isVisible ? (h(\"div\", { class: \"source-citations\" },\n h(\"p\", { part: \"citations-label\", class: \"text-neutral-dark mb-2 shrink-0\" }, props.label),\n h(\"ol\", { class: \"citations-container flex list-none flex-wrap items-center gap-2\" }, children))) : null;\n\nclass GeneratedAnswerCommon {\n constructor(props) {\n this.props = props;\n this.storage = new SafeStorage();\n this._data = this.readStoredData();\n }\n insertFeedbackModal() {\n this.modalRef = document.createElement('atomic-generated-answer-feedback-modal');\n this.modalRef.generatedAnswer = this.props.getGeneratedAnswer();\n this.props.host.insertAdjacentElement('beforebegin', this.modalRef);\n }\n readStoredData() {\n const { withToggle } = this.props;\n const storedData = this.storage.getParsedJSON(StorageItems.GENERATED_ANSWER_DATA, { isVisible: true });\n // This check ensures that the answer is visible when the toggle is hidden and visible is set to false in the local storage.\n return { isVisible: (withToggle && storedData.isVisible) || !withToggle };\n }\n writeStoredData(data) {\n this.storage.setJSON(StorageItems.GENERATED_ANSWER_DATA, data);\n }\n get data() {\n return this._data;\n }\n set data(newData) {\n this._data = newData;\n }\n getGeneratedAnswerStatus() {\n const isHidden = !this.props.getGeneratedAnswerState()?.isVisible;\n const isGenerating = !!this.props.getGeneratedAnswerState()?.isStreaming;\n const hasAnswer = !!this.props.getGeneratedAnswerState()?.answer;\n const hasError = !!this.props.getGeneratedAnswerState()?.error;\n if (isHidden) {\n return this.props.getBindings().i18n.t('generated-answer-hidden');\n }\n if (isGenerating) {\n return this.props.getBindings().i18n.t('generating-answer');\n }\n if (hasError) {\n return this.props.getBindings().i18n.t('answer-could-not-be-generated');\n }\n if (hasAnswer) {\n return this.props.getBindings().i18n.t('answer-generated', {\n answer: this.props.getGeneratedAnswerState()?.answer,\n });\n }\n return '';\n }\n get hasRetryableError() {\n return (!this.props.getSearchStatusState()?.hasError &&\n this.props.getGeneratedAnswerState()?.error?.isRetryable);\n }\n get hasNoAnswerGenerated() {\n const { answer, citations } = this.props.getGeneratedAnswerState() ?? {};\n return (answer === undefined && !citations?.length && !this.hasRetryableError);\n }\n get isAnswerVisible() {\n return this.props.getGeneratedAnswerState()?.isVisible;\n }\n get toggleTooltip() {\n const key = this.isAnswerVisible\n ? 'generated-answer-toggle-on'\n : 'generated-answer-toggle-off';\n return this.props.getBindings().i18n.t(key);\n }\n get hasClipboard() {\n return !!navigator?.clipboard?.writeText;\n }\n get copyToClipboardTooltip() {\n if (this.props.getCopyError()) {\n return this.props.getBindings().i18n.t('failed-to-copy-generated-answer');\n }\n return !this.props.getCopied()\n ? this.props.getBindings().i18n.t('copy-generated-answer')\n : this.props.getBindings().i18n.t('generated-answer-copied');\n }\n get hasCustomNoAnswerMessage() {\n return getNamedSlotContent(this.props.host, 'no-answer-message').length > 0;\n }\n async copyToClipboard(answer) {\n try {\n await navigator.clipboard.writeText(answer);\n this.props.setCopied(true);\n this.props.getGeneratedAnswer()?.logCopyToClipboard();\n }\n catch (error) {\n this.props.setCopyError(true);\n this.props\n .getBindings()\n .engine.logger.error(`Failed to copy to clipboard: ${error}`);\n }\n setTimeout(() => {\n this.props.setCopied(false);\n this.props.setCopyError(false);\n }, 2000);\n }\n clickOnShowButton() {\n if (this.props.getGeneratedAnswerState()?.expanded) {\n this.props.getGeneratedAnswer()?.collapse();\n }\n else {\n this.props.getGeneratedAnswer()?.expand();\n }\n }\n getCitation(citation) {\n const { title } = citation;\n const { i18n } = this.props.getBindings();\n return title.trim() !== ''\n ? citation\n : { ...citation, title: i18n.t('no-title') };\n }\n renderCitations() {\n const { getGeneratedAnswerState, buildInteractiveCitation, getGeneratedAnswer, disableCitationAnchoring, } = this.props;\n const { citations } = getGeneratedAnswerState() ?? {};\n const { logCitationHover } = getGeneratedAnswer() ?? {};\n return citations?.map((citation, index) => {\n const interactiveCitation = buildInteractiveCitation({\n options: {\n citation,\n },\n });\n return (h(\"li\", { key: citation.id, class: \"max-w-full\" },\n h(\"atomic-citation\", { citation: this.getCitation(citation), index: index, sendHoverEndEvent: (citationHoverTimeMs) => {\n logCitationHover?.(citation.id, citationHoverTimeMs);\n }, interactiveCitation: interactiveCitation, disableCitationAnchoring: disableCitationAnchoring, exportparts: \"citation,citation-popover\" })));\n });\n }\n renderFeedbackAndCopyButtons() {\n const { getGeneratedAnswerState, getBindings, getCopied, getCopyError } = this.props;\n const { i18n } = getBindings();\n const { liked, disliked, answer, isStreaming } = getGeneratedAnswerState() ?? {};\n const containerClasses = [\n 'feedback-buttons',\n 'flex',\n 'h-9',\n 'absolute',\n 'top-6',\n 'shrink-0',\n 'gap-2',\n this.props.withToggle ? 'right-20' : 'right-6',\n ].join(' ');\n if (isStreaming) {\n return null;\n }\n return (h(\"div\", { class: containerClasses },\n h(FeedbackButton, { title: i18n.t('this-answer-was-helpful'), variant: \"like\", active: !!liked, onClick: () => this.clickLike() }),\n h(FeedbackButton, { title: i18n.t('this-answer-was-not-helpful'), variant: \"dislike\", active: !!disliked, onClick: () => this.clickDislike() }),\n this.hasClipboard ? (h(CopyButton, { title: this.copyToClipboardTooltip, isCopied: getCopied(), error: getCopyError(), onClick: async () => {\n if (answer) {\n await this.copyToClipboard(answer);\n }\n } })) : null));\n }\n setIsAnswerHelpful(isAnswerHelpful) {\n if (this.modalRef) {\n this.modalRef.helpful = isAnswerHelpful;\n }\n }\n openFeedbackModal() {\n if (this.modalRef &&\n !this.props.getGeneratedAnswerState()?.feedbackSubmitted) {\n this.modalRef.isOpen = true;\n }\n }\n clickDislike() {\n this.setIsAnswerHelpful(false);\n this.props.getGeneratedAnswer()?.dislike();\n this.openFeedbackModal();\n }\n clickLike() {\n this.setIsAnswerHelpful(true);\n this.props.getGeneratedAnswer()?.like();\n this.openFeedbackModal();\n }\n renderDisclaimer() {\n const { getGeneratedAnswerState, getBindings } = this.props;\n const { i18n } = getBindings();\n const { isStreaming } = getGeneratedAnswerState() ?? {};\n if (isStreaming) {\n return null;\n }\n return (h(\"div\", { class: \"text-neutral-dark text-xs/[1rem]\" },\n h(\"slot\", { name: \"disclaimer\", slot: \"disclaimer\" }, i18n.t('generated-answer-disclaimer'))));\n }\n renderShowButton() {\n const { getGeneratedAnswerState, getBindings, collapsible } = this.props;\n const { i18n } = getBindings();\n const { expanded, isStreaming } = getGeneratedAnswerState() ?? {};\n const canRender = collapsible && !isStreaming;\n if (!canRender) {\n return null;\n }\n return (h(ShowButton, { i18n: i18n, onClick: () => this.clickOnShowButton(), isCollapsed: !expanded }));\n }\n renderGeneratingAnswerLabel() {\n const { getGeneratedAnswerState, getBindings, collapsible } = this.props;\n const { i18n } = getBindings();\n const { isStreaming } = getGeneratedAnswerState() ?? {};\n const canRender = collapsible && isStreaming;\n if (!canRender) {\n return null;\n }\n return (h(\"div\", { part: \"is-generating\", class: \"text-primary hidden text-base font-light\" },\n i18n.t('generating-answer'),\n \"...\"));\n }\n renderContent() {\n const { getGeneratedAnswerState, getBindings, getGeneratedAnswer } = this.props;\n const { i18n } = getBindings();\n const { isStreaming, answer, citations, answerContentFormat } = getGeneratedAnswerState() ?? {};\n return (h(\"div\", { part: \"generated-content\" },\n h(\"div\", { class: \"flex items-center\" },\n h(Heading, { level: 0, part: \"header-label\", class: \"text-primary bg-primary-background inline-block rounded-md px-2.5 py-2 font-medium\" }, i18n.t('generated-answer-title')),\n h(\"div\", { class: \"ml-auto flex h-9 items-center\" },\n h(Switch, { part: \"toggle\", checked: this.isAnswerVisible, onToggle: (checked) => {\n checked\n ? getGeneratedAnswer()?.show()\n : getGeneratedAnswer()?.hide();\n }, ariaLabel: i18n.t('generated-answer-title'), title: this.toggleTooltip, withToggle: this.props.withToggle }))),\n this.hasRetryableError && this.isAnswerVisible ? (h(RetryPrompt, { onClick: () => getGeneratedAnswer()?.retry(), buttonLabel: i18n.t('retry'), message: i18n.t('retry-stream-message') })) : null,\n !this.hasRetryableError && this.isAnswerVisible ? (h(GeneratedContentContainer, { answer: answer, answerContentFormat: answerContentFormat, isStreaming: !!isStreaming },\n this.renderFeedbackAndCopyButtons(),\n h(SourceCitations, { label: i18n.t('citations'), isVisible: !!citations?.length }, this.renderCitations()))) : null,\n !this.hasRetryableError && this.isAnswerVisible && (h(\"div\", { part: \"generated-answer-footer\", class: \"mt-6 flex justify-end\" },\n this.renderGeneratingAnswerLabel(),\n this.renderShowButton(),\n this.renderDisclaimer()))));\n }\n renderCustomNoAnswerMessage() {\n const { getBindings } = this.props;\n const { i18n } = getBindings();\n return (h(\"div\", { part: \"generated-content\" },\n h(\"div\", { class: \"flex items-center\" },\n h(Heading, { level: 0, part: \"header-label\", class: \"text-primary bg-primary-background inline-block rounded-md px-2.5 py-2 font-medium\" }, i18n.t('generated-answer-title'))),\n h(\"div\", { part: \"generated-container\", class: \"mt-6 break-words\" },\n h(\"slot\", { name: \"no-answer-message\" }))));\n }\n render() {\n const { getGeneratedAnswerState } = this.props;\n const { cannotAnswer } = getGeneratedAnswerState() ?? {};\n const contentClasses = 'mx-auto mt-0 mb-4 border border-neutral shadow-lg p-6 bg-background rounded-lg p-6 text-on-background';\n if (this.hasNoAnswerGenerated) {\n return cannotAnswer && this.hasCustomNoAnswerMessage ? (h(\"div\", null,\n h(\"aside\", { class: contentClasses, part: \"container\", \"aria-label\": this.props.getBindings().i18n.t('generated-answer-title') },\n h(\"article\", null, this.renderCustomNoAnswerMessage())))) : null;\n }\n return (h(\"div\", null,\n h(\"aside\", { class: contentClasses, part: \"container\", \"aria-label\": this.props.getBindings().i18n.t('generated-answer-title') },\n h(\"article\", null, this.renderContent()))));\n }\n}\n\nexport { GeneratedAnswerCommon as G };\n\n//# sourceMappingURL=generated-answer-common.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildInteractiveCitation, buildGeneratedAnswer, buildSearchStatus, buildTabManager } from '@eternal-baguette/headless';\nimport { d as debounce } from './debounce-utils.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { A as ArrayProp } from './props-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { s as shouldDisplayOnCurrentTab } from './tab-utils.js';\nimport { G as GeneratedAnswerCommon } from './generated-answer-common.js';\n\nconst atomicGeneratedAnswerCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .mobile-footer-xs-layout {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mobile-footer-xs-layout .feedback-buttons {\\n position: relative;\\n top: calc(0.25rem * 0);\\n right: calc(0.25rem * 0);\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mobile-footer-layout {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .mobile-footer-layout .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .mobile-generated-answer-footer-layout {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='generated-text'] {\\n --font-size: var(--atomic-text-lg);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n}\\n[part='generated-text'].cursor::after {\\n content: '';\\n width: 8px;\\n height: 1em;\\n margin-left: 0.1em;\\n background-color: var(--atomic-neutral-dark);\\n display: inline-block;\\n animation: cursor-blink 1.5s steps(2) infinite;\\n vertical-align: text-bottom;\\n}\\n[part='generated-text'] [part='answer-heading-1'] {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n}\\n[part='generated-text'] [part='answer-heading-2'] {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n}\\n[part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n}\\n[part='generated-text'] [part='answer-heading-1'], [part='generated-text'] [part='answer-heading-2'], [part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\\n margin-top: calc(0.25rem * 4);\\n margin-bottom: calc(0.25rem * 2);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-paragraph'] {\\n margin-bottom: calc(0.25rem * 6);\\n}\\n[part='generated-text'] [part='answer-list-item'], [part='generated-text'] [part='answer-paragraph'], [part='generated-text'] [part='answer-quote-block'], [part='generated-text'] [part='answer-table-header'], [part='generated-text'] [part='answer-table-content'] {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n}\\n[part='generated-text'] [part='answer-strong'] {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-ordered-list'] {\\n margin-bottom: calc(0.25rem * 2);\\n list-style-type: decimal;\\n padding-inline-start: calc(0.25rem * 8);\\n}\\n[part='generated-text'] [part='answer-unordered-list'] {\\n margin-bottom: calc(0.25rem * 2);\\n list-style-type: disc;\\n padding-inline-start: calc(0.25rem * 8);\\n}\\n[part='generated-text'] [part='answer-inline-code'] {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-neutral-light);\\n padding-inline: calc(0.25rem * 1);\\n padding-block: calc(0.25rem * 0.5);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n color: var(--atomic-inline-code);\\n}\\n[part='generated-text'] [part='answer-code-block'] {\\n margin-block: calc(0.25rem * 4);\\n max-height: calc(0.25rem * 96);\\n overflow: auto;\\n border-radius: var(--atomic-border-radius-md);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-neutral-light);\\n padding: calc(0.25rem * 2);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n color: var(--atomic-on-background);\\n scrollbar-color: var(--atomic-neutral);\\n}\\n[part='generated-text'] [part='answer-quote-block'] {\\n margin-inline: calc(0.25rem * 16);\\n font-style: italic;\\n}\\n[part='generated-text'] [part='answer-table-container'] {\\n margin-bottom: calc(0.25rem * 6);\\n display: inline-block;\\n max-height: calc(0.25rem * 96);\\n max-width: 100%;\\n overflow: auto;\\n border-radius: var(--atomic-border-radius-md);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral-dim);\\n}\\n[part='generated-text'] [part='answer-table-container'] [part='answer-table-header'] {\\n position: sticky;\\n top: calc(0.25rem * 0);\\n}\\n[part='generated-text'] [part='answer-table'] {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n}\\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header'] {\\n border-bottom-color: var(--atomic-neutral-dim);\\n border-left-color: var(--atomic-neutral-dim);\\n background-color: var(--atomic-neutral);\\n padding: calc(0.25rem * 4);\\n text-align: left;\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header']:first-of-type {\\n border-left: none;\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr:nth-child(even) {\\n background-color: var(--atomic-neutral-light);\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-bottom-color: var(--atomic-neutral-dim);\\n border-left-color: var(--atomic-neutral-dim);\\n padding: calc(0.25rem * 4);\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content']:first-of-type {\\n border-left: none;\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr:last-of-type [part='answer-table-content'] {\\n border-bottom: unset;\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities;\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.feedback-buttons [part='feedback-button'] {\\n width: 2.2rem;\\n height: 2.2rem;\\n color: var(--atomic-neutral-dark);\\n}\\n.feedback-buttons [part='feedback-button'].dislike {\\n rotate: 180deg;\\n}\\n.feedback-buttons [part='feedback-button']:hover.like, .feedback-buttons [part='feedback-button'].active.like {\\n color: var(--atomic-success);\\n}\\n.feedback-buttons [part='feedback-button']:hover.dislike, .feedback-buttons [part='feedback-button'].active.dislike {\\n color: var(--atomic-error);\\n}\\n[part='copy-button'] .icon-container atomic-icon:hover {\\n color: var(--atomic-primary);\\n}\\n[part='copy-button'].copied .icon-container atomic-icon {\\n color: var(--atomic-success);\\n}\\n[part='copy-button'].error .icon-container atomic-icon {\\n color: var(--atomic-error);\\n}\\n@keyframes cursor-blink {\\n 0% {\\n opacity: 0;\\n }\\n}\\n[part='container'] {\\n container-type: inline-size;\\n contain: layout;\\n}\\n.footer {\\n display: flex;\\n}\\n.footer .source-citations {\\n margin-right: calc(0.25rem * 2);\\n}\\n@container (max-width: 37.5rem) {\\n .footer {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .footer .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n .footer {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .footer .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n}\\n@container (max-width: 25rem) {\\n .footer {\\n margin-top: calc(0.25rem * 4);\\n }\\n .footer .feedback-buttons {\\n position: relative;\\n top: calc(0.25rem * 0);\\n right: calc(0.25rem * 0);\\n }\\n}\\n@container (max-width: 37.5rem) {\\n [part='generated-answer-footer'] {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n [part='generated-answer-footer'] {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n}\\n[part='generated-container'].answer-collapsed {\\n position: relative;\\n overflow: hidden;\\n --tw-content: '';\\n content: var(--tw-content);\\n max-height: var(--atomic-crga-collapsed-height, 16rem);\\n}\\n[part='generated-container'].answer-collapsed .feedback-buttons {\\n display: none;\\n}\\n[part='generated-container'].answer-collapsed:before {\\n position: absolute;\\n top: calc(0.25rem * 0);\\n left: calc(0.25rem * 0);\\n height: 100%;\\n width: 100%;\\n --tw-content: '';\\n content: var(--tw-content);\\n background: linear-gradient( transparent calc(var(--atomic-crga-collapsed-height, 16rem) * 0.7), var(--atomic-background) );\\n}\\n.is-collapsible {\\n justify-content: space-between;\\n}\\n.is-collapsible [part='answer-show-button'] {\\n display: flex;\\n}\\n.generating-label-visible [part='is-generating'] {\\n display: flex;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicGeneratedAnswerStyle0 = atomicGeneratedAnswerCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicGeneratedAnswer$1 = /*@__PURE__*/ proxyCustomElement(class AtomicGeneratedAnswer extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.DEFAULT_COLLAPSED_HEIGHT = 16;\n this.MAX_COLLAPSED_HEIGHT = 32;\n this.MIN_COLLAPSED_HEIGHT = 9;\n this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n this.copied = false;\n this.copyError = false;\n /**\n * The maximum height (in rem units) of the answer when collapsed.\n *\n */\n this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n /**\n * The tabs on which the generated answer can be displayed. This property should not be used at the same time as `tabs-excluded`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer can only be displayed on the specified tabs.\n */\n this.tabsIncluded = '[]';\n /**\n * The tabs on which this generated answer must not be displayed. This property should not be used at the same time as `tabs-included`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the generated answer can be displayed on any tab. Otherwise, the generated answer won't be displayed on any of the specified tabs.\n */\n this.tabsExcluded = '[]';\n // @ts-expect-error: This function is used by BindStateToController.\n this.onGeneratedAnswerStateUpdate = () => {\n if (this.generatedAnswerState.isVisible !==\n this.generatedAnswerCommon?.data?.isVisible) {\n this.generatedAnswerCommon.data = {\n ...this.generatedAnswerCommon.data,\n isVisible: this.generatedAnswerState.isVisible,\n };\n this.generatedAnswerCommon.writeStoredData(this.generatedAnswerCommon.data);\n }\n this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n };\n this.setCopied = (isCopied) => {\n this.copied = isCopied;\n };\n this.setCopyError = (copyError) => {\n this.copyError = copyError;\n };\n this.setAriaMessage = (message) => {\n this.ariaMessage = message;\n };\n this.generatedAnswerState = undefined;\n this.searchStatusState = undefined;\n this.tabManagerState = undefined;\n this.error = undefined;\n this.copied = false;\n this.copyError = false;\n this.withToggle = undefined;\n this.collapsible = undefined;\n this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n this.answerConfigurationId = undefined;\n this.fieldsToIncludeInCitations = undefined;\n this.disableCitationAnchoring = undefined;\n this.tabsIncluded = '[]';\n this.tabsExcluded = '[]';\n }\n initialize() {\n if ([...this.tabsIncluded].length > 0 &&\n [...this.tabsExcluded].length > 0) {\n console.warn('Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This could lead to unexpected behaviors.');\n }\n this.generatedAnswerCommon = new GeneratedAnswerCommon({\n host: this.host,\n withToggle: this.withToggle,\n collapsible: this.collapsible,\n disableCitationAnchoring: this.disableCitationAnchoring,\n getGeneratedAnswer: () => this.generatedAnswer,\n getGeneratedAnswerState: () => this.generatedAnswerState,\n getSearchStatusState: () => this.searchStatusState,\n getBindings: () => this.bindings,\n getCopied: () => this.copied,\n setCopied: this.setCopied,\n getCopyError: () => this.copyError,\n setCopyError: this.setCopyError,\n setAriaMessage: this.setAriaMessage,\n buildInteractiveCitation: (props) => buildInteractiveCitation(this.bindings.engine, props),\n });\n this.generatedAnswer = buildGeneratedAnswer(this.bindings.engine, {\n initialState: {\n isVisible: this.generatedAnswerCommon.data.isVisible,\n responseFormat: {\n contentFormat: ['text/markdown', 'text/plain'],\n },\n },\n ...(this.answerConfigurationId && {\n answerConfigurationId: this.answerConfigurationId,\n }),\n fieldsToIncludeInCitations: this.getCitationFields(),\n });\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.generatedAnswerCommon.insertFeedbackModal();\n if (window.ResizeObserver && this.collapsible) {\n const debouncedAdaptAnswerHeight = debounce(() => this.adaptAnswerHeight(), 100);\n this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n this.resizeObserver.observe(this.host);\n }\n this.tabManager = buildTabManager(this.bindings.engine);\n }\n updateAnswerCollapsed(newState, oldState) {\n const newExpanded = newState.expanded;\n const oldExpanded = oldState ? oldState.expanded : undefined;\n if (newExpanded !== oldExpanded) {\n const container = this.getAnswerContainer();\n if (!container) {\n return;\n }\n this.toggleClass(container, 'answer-collapsed', !newExpanded);\n }\n }\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n toggleClass(element, className, condition) {\n element.classList.toggle(className, condition);\n }\n adaptAnswerHeight() {\n const answerHeight = this.host?.shadowRoot\n ?.querySelector('[part=\"generated-text\"]')\n ?.getBoundingClientRect().height;\n if (answerHeight) {\n const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n this.fullAnswerHeight = answerHeight / rootFontSize;\n this.updateAnswerHeight();\n }\n }\n getAnswerContainer() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n }\n getAnswerFooter() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-answer-footer\"]');\n }\n getCitationFields() {\n return (this.fieldsToIncludeInCitations ?? '')\n .split(',')\n .map((field) => field.trim())\n .filter((field) => field.length > 0)\n .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS);\n }\n validateMaxCollapsedHeight() {\n const isValid = this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n if (!isValid) {\n console.warn(`max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`);\n }\n return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n }\n setCSSVariable(variableName, value) {\n const container = this.getAnswerContainer();\n if (container) {\n container.style.setProperty(variableName, value);\n }\n }\n updateAnswerHeight() {\n const container = this.getAnswerContainer();\n const footer = this.getAnswerFooter();\n const maxHeight = this.validateMaxCollapsedHeight();\n if (!container || !footer) {\n return;\n }\n if (this.fullAnswerHeight > maxHeight) {\n this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);\n this.toggleClass(footer, 'is-collapsible', true);\n this.toggleClass(footer, 'generating-label-visible', this.generatedAnswerState.isStreaming);\n }\n else {\n this.toggleClass(container, 'answer-collapsed', false);\n this.toggleClass(footer, 'is-collapsible', false);\n this.toggleClass(footer, 'generating-label-visible', false);\n }\n }\n watchTabManagerState(newValue, oldValue) {\n if (newValue?.activeTab !== oldValue?.activeTab) {\n if (!shouldDisplayOnCurrentTab([...this.tabsIncluded], [...this.tabsExcluded], this.tabManagerState?.activeTab)) {\n this.generatedAnswer.disable();\n }\n else {\n this.generatedAnswer.enable();\n }\n }\n }\n render() {\n if (!shouldDisplayOnCurrentTab([...this.tabsIncluded], [...this.tabsExcluded], this.tabManagerState?.activeTab)) {\n return h(Hidden, null);\n }\n return this.generatedAnswerCommon.render();\n }\n get host() { return this; }\n static get watchers() { return {\n \"generatedAnswerState\": [\"updateAnswerCollapsed\"],\n \"tabManagerState\": [\"watchTabManagerState\"]\n }; }\n static get style() { return AtomicGeneratedAnswerStyle0; }\n}, [1, \"atomic-generated-answer\", {\n \"withToggle\": [4, \"with-toggle\"],\n \"collapsible\": [4],\n \"maxCollapsedHeight\": [2, \"max-collapsed-height\"],\n \"answerConfigurationId\": [1, \"answer-configuration-id\"],\n \"fieldsToIncludeInCitations\": [1, \"fields-to-include-in-citations\"],\n \"disableCitationAnchoring\": [4, \"disable-citation-anchoring\"],\n \"tabsIncluded\": [1537, \"tabs-included\"],\n \"tabsExcluded\": [1537, \"tabs-excluded\"],\n \"generatedAnswerState\": [32],\n \"searchStatusState\": [32],\n \"tabManagerState\": [32],\n \"error\": [32],\n \"copied\": [32],\n \"copyError\": [32]\n }, undefined, {\n \"generatedAnswerState\": [\"updateAnswerCollapsed\"],\n \"tabManagerState\": [\"watchTabManagerState\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicGeneratedAnswer$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('generatedAnswer', {\n onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n })\n], AtomicGeneratedAnswer$1.prototype, \"generatedAnswerState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicGeneratedAnswer$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicGeneratedAnswer$1.prototype, \"tabManagerState\", void 0);\n__decorate([\n ArrayProp()\n], AtomicGeneratedAnswer$1.prototype, \"tabsIncluded\", void 0);\n__decorate([\n ArrayProp()\n], AtomicGeneratedAnswer$1.prototype, \"tabsExcluded\", void 0);\n__decorate([\n AriaLiveRegion('generated-answer')\n], AtomicGeneratedAnswer$1.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-generated-answer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-generated-answer\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicGeneratedAnswer$1);\n }\n break;\n } });\n}\n\nconst AtomicGeneratedAnswer = AtomicGeneratedAnswer$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicGeneratedAnswer, defineCustomElement };\n\n//# sourceMappingURL=atomic-generated-answer.js.map","const CloseIcon = ``;\n\nexport { CloseIcon as C };\n\n//# sourceMappingURL=close.js.map","import { c as closest } from './dom-utils.js';\n\nconst DEFAULT_MOBILE_BREAKPOINT = '1024px';\nfunction replaceMediaQuery(style, mobileBreakpoint) {\n const regex = new RegExp(`\\\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\\\)|\\\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\\\)`, 'g');\n return style.replace(regex, `(width >= ${mobileBreakpoint})`);\n}\nfunction replaceStyleSheet(element, mobileBreakpoint) {\n const stylesheets = element.shadowRoot?.adoptedStyleSheets;\n if (!stylesheets || !stylesheets.length) {\n return;\n }\n const stylesheet = stylesheets[0];\n const style = Object.values(stylesheet.cssRules)\n .map((rule) => rule.cssText)\n .join('');\n stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));\n}\nfunction replateStyleContent(element, breakpoint) {\n const styleTag = element.shadowRoot?.querySelector('style');\n if (!styleTag) {\n return;\n }\n styleTag.textContent = replaceMediaQuery(styleTag.textContent, breakpoint);\n}\nconst layouts = ['atomic-search-layout', 'atomic-insight-layout'];\nfunction updateBreakpoints(element) {\n const layout = closest(element, layouts.join(', '));\n if (!layout?.mobileBreakpoint) {\n return;\n }\n if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {\n return;\n }\n replaceStyleSheet(element, layout.mobileBreakpoint);\n replateStyleContent(element, layout.mobileBreakpoint);\n}\n\nexport { updateBreakpoints as u };\n\n//# sourceMappingURL=replace-breakpoint-utils.js.map","const ATOMIC_MODAL_EXPORT_PARTS = 'backdrop,container,header-wrapper,header,header-ruler,body-wrapper,body,footer-wrapper,footer';\n\nexport { ATOMIC_MODAL_EXPORT_PARTS as A };\n\n//# sourceMappingURL=export-parts.js.map","import { h } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst IconButton = (props) => {\n return (h(\"div\", { class: \"relative\", part: `${props.partPrefix}-container` },\n h(Button, { ...props, class: \"relative h-[2.6rem] w-[2.6rem] p-3\", part: `${props.partPrefix}-button`, ref: props.buttonRef },\n h(\"atomic-icon\", { icon: props.icon, class: \"h-4 w-4 shrink-0\", part: `${props.partPrefix}-icon` })),\n props.badge && (h(\"span\", { part: `${props.partPrefix}-badge`, class: \"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\" }, props.badge))));\n};\n\nexport { IconButton as I };\n\n//# sourceMappingURL=stencil-iconButton.js.map","import { h } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FieldsetGroup = ({ label }, children) => (h(\"fieldset\", { class: \"contents\" },\n h(\"legend\", { class: \"sr-only\" }, label),\n children));\n\nexport { FieldsetGroup as F };\n\n//# sourceMappingURL=stencil-fieldset-group.js.map","import { h } from '@stencil/core/internal/client';\nimport { c as createRipple, g as getRippleColorForButtonStyle, a as getClassNameForButtonStyle } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RadioButton = (props) => {\n const classNames = ['btn-radio'];\n let onMouseDown;\n if (props.style) {\n const rippleColor = getRippleColorForButtonStyle(props.style);\n classNames.push(getClassNameForButtonStyle(props.style));\n onMouseDown = (e) => createRipple(e, { color: rippleColor });\n }\n if (props.checked) {\n classNames.push('selected');\n }\n if (props.class) {\n classNames.push(props.class);\n }\n const handleKeyDown = (event) => {\n if (props.selectWhenFocused !== false) {\n return;\n }\n const { key } = event;\n const radioGroup = event.currentTarget.parentNode;\n if (!radioGroup || !isArrowKey(key)) {\n return;\n }\n event.preventDefault();\n const buttons = getRadioButtons(radioGroup);\n const currentIndex = getCurrentIndex(buttons, event.currentTarget);\n const newIndex = getNewIndex(key, currentIndex, buttons.length);\n if (buttons[newIndex]) {\n buttons[newIndex].focus();\n }\n };\n const isArrowKey = (key) => {\n return ['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp'].includes(key);\n };\n const getRadioButtons = (radioGroup) => {\n return Array.from(radioGroup.querySelectorAll('[type=\"radio\"]'));\n };\n const getCurrentIndex = (buttons, currentButton) => {\n return buttons.findIndex((button) => button === currentButton);\n };\n const getNewIndex = (key, currentIndex, length) => {\n switch (key) {\n case 'ArrowLeft':\n case 'ArrowUp':\n return (currentIndex - 1 + length) % length;\n case 'ArrowRight':\n case 'ArrowDown':\n return (currentIndex + 1) % length;\n default:\n return currentIndex;\n }\n };\n const attributes = {\n name: props.groupName,\n key: props.key,\n checked: props.checked,\n class: classNames.join(' '),\n part: props.part,\n 'aria-label': props.ariaLabel ?? props.text,\n 'aria-current': props.ariaCurrent,\n value: props.text,\n ref: props.ref,\n };\n return (h(\"input\", { onKeyDown: handleKeyDown, type: \"radio\", onChange: (e) => e.currentTarget.checked && props.onChecked?.(), onMouseDown: onMouseDown, ...attributes }));\n};\n\nexport { RadioButton as R };\n\n//# sourceMappingURL=stencil-radio-button.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { C as CloseIcon } from './close.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { r as randomID, o as once } from './utils.js';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { B as Button } from './stencil-button.js';\nimport { F as FieldsetGroup } from './stencil-fieldset-group.js';\nimport { R as RadioButton } from './stencil-radio-button.js';\n\nconst Success = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\nconst atomicGeneratedAnswerFeedbackModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mobile-feedback-modal::part(container) {\\n width: auto;\\n min-width: 100%;\\n }\\n .mobile-feedback-modal::part(header),\\n .mobile-feedback-modal::part(body),\\n .mobile-feedback-modal::part(footer) {\\n max-width: 100%;\\n }\\n .mobile-feedback-modal [part='buttons'] .required-label {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .mobile-feedback-modal [part='form'] .answer-evaluation {\\n display: block;\\n }\\n .mobile-feedback-modal [part='form'] .options {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mobile-feedback-modal [part='modal-header'] .hide {\\n display: none;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='generated-answer-feedback-modal']::part(container) {\\n min-width: calc(0.25rem * 170);\\n}\\n[part='generated-answer-feedback-modal']::part(header),\\n [part='generated-answer-feedback-modal']::part(body),\\n [part='generated-answer-feedback-modal']::part(footer) {\\n max-width: calc(0.25rem * 170);\\n}\\n@media not all and (width >= 1024px) {\\n [part='generated-answer-feedback-modal']::part(container) {\\n width: auto;\\n min-width: 100%;\\n }\\n [part='generated-answer-feedback-modal']::part(header),\\n [part='generated-answer-feedback-modal']::part(body),\\n [part='generated-answer-feedback-modal']::part(footer) {\\n max-width: 100%;\\n }\\n [part='generated-answer-feedback-modal'] [part='buttons'] .required-label {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n [part='generated-answer-feedback-modal'] [part='form'] .answer-evaluation {\\n display: block;\\n }\\n [part='generated-answer-feedback-modal'] [part='form'] .options {\\n margin-top: calc(0.25rem * 2);\\n }\\n [part='generated-answer-feedback-modal'] [part='modal-header'] .hide {\\n display: none;\\n }\\n}\\n[part='form'] .active {\\n border-color: var(--atomic-primary-light);\\n background-color: var(--atomic-primary-background);\\n color: var(--atomic-primary-light);\\n}\\n[part='form'] .text-error-red {\\n color: var(--atomic-inline-code);\\n}\\n[part='form'] .required {\\n display: flex;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicGeneratedAnswerFeedbackModalStyle0 = atomicGeneratedAnswerFeedbackModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicGeneratedAnswerFeedbackModal$1 = /*@__PURE__*/ proxyCustomElement(class AtomicGeneratedAnswerFeedbackModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.feedbackSent = createEvent(this, \"feedbackSent\", 7);\n /**\n * Indicates whether the modal is open.\n */\n this.isOpen = false;\n /**\n * Indicates whether the answer was helpful or not.\n */\n this.helpful = false;\n this.currentAnswer = this.getInitialAnswerState();\n this.feedbackSubmitted = false;\n this.answerEvaluationRequired = false;\n this.formId = randomID('atomic-generated-answer-feedback-modal-form-');\n this.updateBreakpoints = once(() => updateBreakpoints(this.host));\n this.isAnyAnswerEvaluationUndefined = () => {\n return Object.values(this.currentAnswer).some((value) => value === undefined);\n };\n this.isOpen = false;\n this.generatedAnswer = undefined;\n this.helpful = false;\n this.error = undefined;\n this.currentAnswer = this.getInitialAnswerState();\n this.feedbackSubmitted = false;\n this.answerEvaluationRequired = false;\n }\n watchToggleOpen(isOpen) {\n if (isOpen) {\n this.generatedAnswer.openFeedbackModal();\n }\n }\n getInitialAnswerState() {\n return {\n documented: undefined,\n correctTopic: undefined,\n hallucinationFree: undefined,\n readable: undefined,\n };\n }\n resetState() {\n this.feedbackSubmitted = false;\n this.currentAnswer = this.getInitialAnswerState();\n this.answerEvaluationRequired = false;\n this.isOpen = false;\n }\n clearInputRefs() {\n if (this.detailsInputRef) {\n this.detailsInputRef.value = '';\n }\n if (this.linkInputRef) {\n this.linkInputRef.value = '';\n }\n }\n close() {\n this.clearInputRefs();\n this.resetState();\n this.generatedAnswer.closeFeedbackModal();\n }\n setCurrentAnswer(key, value) {\n this.currentAnswer = {\n ...this.currentAnswer,\n [key]: value,\n };\n }\n sendFeedback() {\n const feedback = {\n ...this.currentAnswer,\n helpful: this.helpful,\n };\n this.generatedAnswer.sendFeedback(feedback);\n this.feedbackSent.emit();\n }\n handleSubmit(e) {\n e.preventDefault();\n if (this.isAnyAnswerEvaluationUndefined()) {\n this.answerEvaluationRequired = true;\n return;\n }\n this.feedbackSubmitted = true;\n this.answerEvaluationRequired = false;\n this.sendFeedback();\n }\n renderHeader() {\n return (h(\"div\", { slot: \"header\", part: \"modal-header\", class: \"flex w-full items-center justify-between\" }, h(\"h1\", null, h(\"span\", null, this.bindings.i18n.t('feedback-modal-title')), h(\"span\", { class: \"hide ml-0.5\" }, this.bindings.i18n.t('additional-feedback'))), h(IconButton, { style: \"text-transparent\", class: \"search-clear-button\", onClick: () => this.close(), icon: CloseIcon, partPrefix: 'close', ariaLabel: this.bindings.i18n.t('close') })));\n }\n renderFeedbackOption(option, correspondingAnswer) {\n const buttonClasses = [\n 'min-w-20',\n 'flex',\n 'items-center',\n 'justify-center',\n 'px-3',\n 'py-1.5',\n 'mr-1',\n 'text-neutral-dark',\n ];\n const isSelected = this.currentAnswer[correspondingAnswer] === option;\n if (isSelected) {\n buttonClasses.push('active');\n }\n return (h(RadioButton, { key: String(correspondingAnswer), groupName: this.bindings.i18n.t(correspondingAnswer), style: \"outline-neutral\", checked: isSelected, \"aria-checked\": isSelected, onChecked: () => {\n this.setCurrentAnswer(correspondingAnswer, option);\n }, class: buttonClasses.join(' '), text: this.bindings.i18n.t(option) }));\n }\n renderAnswerEvaluation(label, correspondingAnswer) {\n const labelClasses = ['text-error-red', 'text-sm', 'hidden'];\n const isRequired = this.answerEvaluationRequired &&\n this.currentAnswer[correspondingAnswer] === undefined;\n if (isRequired) {\n labelClasses.push('required');\n }\n return (h(\"div\", { class: \"block\" }, h(\"div\", { class: \"flex\" }, h(\"label\", { class: \"text-base\" }, this.bindings.i18n.t(label), h(\"span\", { class: \"text-error-red ml-0.5\" }, \"*\"))), h(\"span\", { class: labelClasses.join(' ') }, this.bindings.i18n.t('required-fields-error'))));\n }\n renderOptions() {\n return (h(\"fieldset\", null, h(\"legend\", { class: \"font-bold\" }, this.bindings.i18n.t('answer-evaluation')), AtomicGeneratedAnswerFeedbackModal.options.map(({ localeKey, correspondingAnswer }) => (h(FieldsetGroup, { label: this.bindings.i18n.t(localeKey) }, h(\"div\", { class: `answer-evaluation mt-3 flex items-center justify-between ${String(correspondingAnswer)}`, key: String(correspondingAnswer) }, this.renderAnswerEvaluation(localeKey, correspondingAnswer), h(\"div\", { class: \"options flex text-base\", \"aria-label\": this.bindings.i18n.t(localeKey) }, this.renderFeedbackOption('yes', correspondingAnswer), this.renderFeedbackOption('unknown', correspondingAnswer), this.renderFeedbackOption('no', correspondingAnswer))))))));\n }\n renderLinkToCorrectAnswerField() {\n return (h(\"fieldset\", null, h(\"legend\", { class: \"font-bold\" }, this.bindings.i18n.t('generated-answer-feedback-link')), h(\"input\", { type: \"text\", ref: (linkInputRef) => (this.linkInputRef = linkInputRef), placeholder: \"https://URL\", class: \"input-primary placeholder-neutral-dark mt-4 h-9 w-full rounded-md px-4\", onChange: (e) => this.setCurrentAnswer('documentUrl', e.currentTarget.value) })));\n }\n renderAddNotesField() {\n return (h(\"fieldset\", null, h(\"legend\", { class: \"mt-8 font-bold\" }, this.bindings.i18n.t('generated-answer-additional-notes')), h(\"textarea\", { name: \"answer-details\", ref: (detailsInput) => (this.detailsInputRef = detailsInput), class: \"placeholder-neutral-dark border-neutral hover:border-primary-light focus-visible:border-primary mt-4 w-full resize-none rounded-md border px-4 py-2 leading-5 focus:outline-hidden focus-visible:ring-2\", rows: 4, placeholder: this.bindings.i18n.t('add-notes'), onChange: (e) => this.setCurrentAnswer('details', e.currentTarget.value) })));\n }\n renderFeedbackForm() {\n return (h(\"form\", { part: \"form\", id: this.formId, slot: \"body\", onSubmit: (e) => this.handleSubmit(e), class: \"flex flex-col gap-8 leading-4\" }, this.renderOptions(), this.renderLinkToCorrectAnswerField(), this.renderAddNotesField()));\n }\n renderSuccessMessage() {\n return (h(\"div\", { slot: \"body\", class: \"my-4 flex flex-col items-center gap-4\" }, h(\"atomic-icon\", { icon: Success, class: \"w-48\" }), h(\"p\", { class: \"text-base\" }, this.bindings.i18n.t('generated-answer-feedback-success'))));\n }\n renderBody() {\n if (!this.feedbackSubmitted) {\n return this.renderFeedbackForm();\n }\n else {\n return this.renderSuccessMessage();\n }\n }\n renderFeedbackFormFooter() {\n const buttonClasses = 'flex items-center justify-center text-sm leading-4 p-2 rounded-md';\n return (h(\"div\", { slot: \"footer\", part: \"modal-footer\" }, h(\"div\", { class: \"flex items-center justify-between\" }, h(\"div\", { class: \"required-label text-base\" }, h(\"span\", { class: \"text-error mr-0.5\" }, \"*\"), this.bindings.i18n.t('required-fields')), h(\"div\", { class: \"flex gap-2\" }, h(Button, { part: \"cancel-button\", style: \"outline-primary\", class: buttonClasses, ariaLabel: this.bindings.i18n.t('skip'), onClick: () => this.close() }, this.bindings.i18n.t('skip')), h(Button, { part: \"submit-button\", style: \"primary\", type: \"submit\", form: this.formId, class: buttonClasses, ariaLabel: this.bindings.i18n.t('generated-answer-send-feedback') }, this.bindings.i18n.t('generated-answer-send-feedback'))))));\n }\n renderSuccessFormFooter() {\n return (h(\"div\", { slot: \"footer\" }, h(\"div\", { class: \"flex justify-end gap-2 p-2\" }, h(Button, { part: \"cancel-button\", style: \"primary\", onClick: () => this.close(), class: \"flex justify-center p-2 text-sm leading-4\", ariaLabel: this.bindings.i18n.t('modal-done') }, this.bindings.i18n.t('modal-done')))));\n }\n renderFooter() {\n if (!this.feedbackSubmitted) {\n return this.renderFeedbackFormFooter();\n }\n else {\n return this.renderSuccessFormFooter();\n }\n }\n render() {\n this.updateBreakpoints();\n return (h(\"atomic-modal\", { key: '7df55be868dd2bbd71a5c064f975c6ff18912d04', fullscreen: false, isOpen: this.isOpen, close: () => this.close(), container: this.host, part: \"generated-answer-feedback-modal\", exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchToggleOpen\"]\n }; }\n static get style() { return AtomicGeneratedAnswerFeedbackModalStyle0; }\n}, [1, \"atomic-generated-answer-feedback-modal\", {\n \"isOpen\": [1540, \"is-open\"],\n \"generatedAnswer\": [1040],\n \"helpful\": [1540],\n \"error\": [32],\n \"currentAnswer\": [32],\n \"feedbackSubmitted\": [32],\n \"answerEvaluationRequired\": [32]\n }, undefined, {\n \"isOpen\": [\"watchToggleOpen\"]\n }]);\nAtomicGeneratedAnswerFeedbackModal$1.options = [\n {\n localeKey: 'feedback-correct-topic',\n correspondingAnswer: 'correctTopic',\n },\n {\n localeKey: 'feedback-hallucination-free',\n correspondingAnswer: 'hallucinationFree',\n },\n {\n localeKey: 'feedback-documented',\n correspondingAnswer: 'documented',\n },\n {\n localeKey: 'feedback-readable',\n correspondingAnswer: 'readable',\n },\n];\n__decorate([\n InitializeBindings()\n], AtomicGeneratedAnswerFeedbackModal$1.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-generated-answer-feedback-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-generated-answer-feedback-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicGeneratedAnswerFeedbackModal$1);\n }\n break;\n } });\n}\n\nconst AtomicGeneratedAnswerFeedbackModal = AtomicGeneratedAnswerFeedbackModal$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicGeneratedAnswerFeedbackModal, defineCustomElement };\n\n//# sourceMappingURL=atomic-generated-answer-feedback-modal.js.map","import { h } from '@stencil/core/internal/client';\nimport { F as FieldsetGroup } from './stencil-fieldset-group.js';\n\nfunction parseDependsOn(dependsOn) {\n if (Object.keys(dependsOn).length > 1) {\n throw \"Depending on multiple facets isn't supported\";\n }\n const entries = Object.entries(dependsOn);\n return entries.map(([parentFacetId, expectedValue]) => ({\n parentFacetId,\n condition: buildDependsOnCondition(expectedValue),\n }));\n}\nfunction buildDependsOnCondition(expectedValue) {\n return (values) => values.some((value) => {\n if (isCategoryFacetValue(value)) {\n return matchesCategoryFacetValue(value, expectedValue);\n }\n if (isSimpleFacetValue(value)) {\n return matchesSimpleFacetValue(value, expectedValue);\n }\n return false;\n });\n}\nfunction matchesCategoryFacetValue(value, expectedValue) {\n const selectedValue = getSelectedCategoryFacetValueRequest(value);\n if (!selectedValue) {\n return false;\n }\n return !expectedValue || selectedValue.value === expectedValue;\n}\nfunction matchesSimpleFacetValue(value, expectedValue) {\n if (value.state !== 'selected') {\n return false;\n }\n return !expectedValue || value.value === expectedValue;\n}\nfunction isCategoryFacetValue(request) {\n const requestAsRecord = request;\n return ((requestAsRecord?.children &&\n Array.isArray(requestAsRecord.children) &&\n requestAsRecord?.state &&\n typeof requestAsRecord.state === 'string') === true);\n}\nfunction getSelectedCategoryFacetValueRequest(value) {\n if (!isCategoryFacetValue(value)) {\n return null;\n }\n if (value.state === 'selected') {\n return value;\n }\n for (const child of value.children) {\n const selectedValue = getSelectedCategoryFacetValueRequest(child);\n if (selectedValue !== null) {\n return selectedValue;\n }\n }\n return null;\n}\nfunction isSimpleFacetValue(value) {\n const asRecord = value;\n return ('value' in asRecord &&\n typeof asRecord.value === 'string' &&\n !('children' in asRecord));\n}\n\nfunction getFieldCaptionNamespace(field) {\n return `caption-${field}`;\n}\nfunction getFieldValueCaption(field, facetValue, i18n) {\n return i18n.t(facetValue, {\n ns: getFieldCaptionNamespace(field),\n });\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValuesGroup = (props, children) => {\n if (!props.label) {\n return children;\n }\n const facetDisplayLabel = props.i18n.t(props.label);\n const groupLabel = props.query === undefined\n ? props.i18n.t('facet-values', { label: facetDisplayLabel })\n : props.i18n.t('facet-search-results', {\n query: props.query,\n label: facetDisplayLabel,\n });\n return h(FieldsetGroup, { label: groupLabel }, children);\n};\n\nexport { FacetValuesGroup as F, getFieldValueCaption as g, parseDependsOn as p };\n\n//# sourceMappingURL=stencil-facet-values-group.js.map","function regexEncode(value) {\n return value.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n}\nfunction encodeForDomAttribute(str) {\n return str\n .split('')\n .map((ch) => (ch.match(/(\\d|\\w)+/g) ? ch : ch.charCodeAt(0)))\n .join('');\n}\n\nexport { encodeForDomAttribute as e, regexEncode as r };\n\n//# sourceMappingURL=string-utils.js.map","import { h } from '@stencil/core/internal/client';\nimport { A as ArrowBottomIcon } from './arrow-bottom-rounded.js';\nimport { A as ArrowUp } from './arrow-top-rounded.js';\nimport { C as CloseIcon } from './close.js';\nimport { B as Button } from './stencil-button.js';\nimport { H as Heading } from './stencil-heading.js';\nimport { r as regexEncode } from './string-utils.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetContainer = (_, children) => (h(\"div\", { class: \"bg-background border-neutral rounded-lg border p-4\", part: \"facet\" }, children));\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetHeader = (props) => {\n const label = props.i18n.t(props.label);\n const expandFacet = props.i18n.t('expand-facet', { label });\n const collapseFacet = props.i18n.t('collapse-facet', { label });\n const clearFilters = props.i18n.t('clear-filters', {\n count: props.numberOfActiveValues,\n });\n const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {\n count: props.numberOfActiveValues,\n label,\n });\n return [\n h(Button, { style: \"text-transparent\", part: \"label-button\", class: \"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold\", ariaLabel: props.isCollapsed ? expandFacet : collapseFacet, onClick: () => props.onToggleCollapse(), ariaExpanded: (!props.isCollapsed).toString(), ref: props.headerRef },\n h(Heading, { level: props.headingLevel, class: \"truncate\" }, label),\n h(\"atomic-icon\", { part: \"label-button-icon\", class: \"ml-4 w-3 shrink-0 self-center\", icon: props.isCollapsed ? ArrowBottomIcon : ArrowUp })),\n props.onClearFilters && props.numberOfActiveValues > 0 && (h(Button, { style: \"text-primary\", part: \"clear-button\", class: \"flex max-w-full items-baseline p-2 text-sm\", ariaLabel: clearFiltersForFacet, onClick: () => props.onClearFilters() },\n h(\"atomic-icon\", { part: \"clear-button-icon\", class: \"mr-1 h-2 w-2\", icon: CloseIcon }),\n h(\"span\", null, clearFilters))),\n ];\n};\n\n/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nvar escapeHtml_1 = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n var str = '' + string;\n var match = matchHtmlRegExp.exec(str);\n\n if (!match) {\n return str;\n }\n\n var escape;\n var html = '';\n var index = 0;\n var lastIndex = 0;\n\n for (index = match.index; index < str.length; index++) {\n switch (str.charCodeAt(index)) {\n case 34: // \"\n escape = '"';\n break;\n case 38: // &\n escape = '&';\n break;\n case 39: // '\n escape = ''';\n break;\n case 60: // <\n escape = '<';\n break;\n case 62: // >\n escape = '>';\n break;\n default:\n continue;\n }\n\n if (lastIndex !== index) {\n html += str.substring(lastIndex, index);\n }\n\n lastIndex = index + 1;\n html += escape;\n }\n\n return lastIndex !== index\n ? html + str.substring(lastIndex, index)\n : html;\n}\n\n/**\n * Meant to be used inside the `shouldUpdate` lifecycle method.\n * It prevents updating the facet between two matchless facet searches.\n * It also prevents updating the facet until the first search has loaded.\n */\nfunction shouldUpdateFacetSearchComponent(nextFacetSearchState, prevFacetSearchState) {\n const hasQuery = nextFacetSearchState.query !== '';\n const stillNoValues = !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;\n const hasFinishedLoading = !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;\n if (hasQuery && stillNoValues) {\n return hasFinishedLoading;\n }\n return true;\n}\nfunction highlightSearchResult(resultValue, searchQuery = '') {\n const sanitizedResult = escapeHtml_1(resultValue);\n if (searchQuery.trim() === '') {\n return sanitizedResult;\n }\n const regex = new RegExp(`(${regexEncode(escapeHtml_1(searchQuery))})`, 'i');\n return escapeHtml_1(resultValue).replace(regex, '$1');\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValueLabelHighlight = (props) => {\n return (\n // deepcode ignore ReactSetInnerHtml: This is not React code\n h(\"span\", { title: props.displayValue, part: \"value-label\", class: `value-label peer-hover:text-error truncate ${props.isSelected || !!props.isExcluded ? 'font-bold' : ''}`, innerHTML: highlightSearchResult(props.displayValue, props.searchQuery) }));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValueLink = (props, children) => {\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabel = props.i18n.t('facet-value', {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: count,\n interpolation: { escapeValue: false },\n });\n let part = props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n if (props.additionalPart) {\n part += ` ${props.additionalPart}`;\n }\n return (h(\"li\", { key: props.displayValue, class: props.class },\n h(Button, { style: \"text-neutral\", part: part, onClick: () => props.onClick(), class: \"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\", ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },\n children,\n h(\"span\", { part: \"value-count\", class: \"value-count\" }, props.i18n.t('between-parentheses', {\n text: count,\n }))),\n props.subList));\n};\n\nexport { FacetValueLabelHighlight as F, FacetValueLink as a, FacetContainer as b, FacetHeader as c, shouldUpdateFacetSearchComponent as s };\n\n//# sourceMappingURL=stencil-facet-value-link.js.map","import { h } from '@stencil/core/internal/client';\n\nconst Tick = `\n \n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst StencilCheckbox = (props) => {\n const partName = props.part ?? 'checkbox';\n const classNames = [\n 'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n ];\n const parts = [partName];\n if (props.checked) {\n classNames.push('selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light');\n parts.push(`${partName}-checked`);\n }\n else {\n classNames.push('border border-neutral-dark');\n }\n if (props.class) {\n classNames.push(props.class);\n }\n const attributes = {\n key: props.key,\n id: props.id,\n class: classNames.join(' '),\n part: parts.join(' '),\n 'aria-checked': props.checked.toString(),\n 'aria-label': props.ariaLabel ?? props.text,\n value: props.text,\n ref: props.ref,\n };\n return (h(\"button\", { ...attributes, role: \"checkbox\", onClick: () => props.onToggle?.(!props.checked), onMouseDown: (e) => props.onMouseDown?.(e) },\n h(\"atomic-icon\", { style: { stroke: 'white' }, class: `w-3/5 ${props.checked ? 'block' : 'hidden'}`, icon: Tick, part: props.iconPart })));\n};\n\nexport { StencilCheckbox as S, Tick as T };\n\n//# sourceMappingURL=stencil-checkbox.js.map","import { h, Fragment } from '@stencil/core/internal/client';\nimport { H as Hidden } from './initialization-utils.js';\nimport { c as createRipple } from './stencil-button.js';\nimport { r as randomID } from './utils.js';\nimport { T as Tick$1, S as StencilCheckbox } from './stencil-checkbox.js';\nimport { C as CloseIcon } from './close.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetGuard = ({ hasError, enabled, firstSearchExecuted, hasResults }, children) => {\n if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n return h(Hidden, null);\n }\n return h(Fragment, null, children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst TriStateCheckbox = (props) => {\n const isSelected = props.state === 'selected';\n const isExcluded = props.state === 'excluded';\n const partName = props.part ?? 'checkbox';\n const classNames = [\n 'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n ];\n const parts = [partName];\n if (isSelected) {\n classNames.push('selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light');\n parts.push(`${partName}-checked`);\n }\n else if (isExcluded) {\n classNames.push('excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error');\n parts.push(`${partName}-checked`);\n }\n else {\n classNames.push('border border-neutral-dark');\n }\n if (props.class) {\n classNames.push(props.class);\n }\n const attributes = {\n key: props.key,\n id: props.id,\n class: classNames.join(' '),\n part: parts.join(' '),\n 'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',\n 'aria-label': props.ariaLabel ?? props.text,\n value: props.text,\n ref: props.ref,\n };\n return (h(\"button\", { ...attributes, role: \"button\", onClick: () => props.onToggle?.(!isSelected), onMouseDown: (e) => props.onMouseDown?.(e) },\n h(\"atomic-icon\", { style: { stroke: 'white', fill: 'white' }, class: `w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`, icon: isSelected ? Tick$1 : CloseIcon, part: props.iconPart })));\n};\n\nconst Tick = ``;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValueExclude = (props) => {\n return (h(\"button\", { part: \"value-exclude-button\", \"aria-label\": props.ariaLabel, class: \"value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible\", onClick: () => props.onClick?.() },\n h(\"atomic-icon\", { class: \"bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white\", icon: Tick })));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValueCheckbox = (props, children) => {\n const id = randomID('facet-value-');\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabelAttributes = {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: count,\n interpolation: { escapeValue: false },\n };\n const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n const excludedAriaLabel = props.i18n.t('facet-value-exclude', ariaLabelAttributes);\n let labelRef;\n const isTriStateCheckbox = (a) => {\n return 'state' in a && 'isSelected' in a;\n };\n const renderCheckbox = () => {\n const attributes = {\n id,\n onToggle: () => props.onClick(),\n part: 'value-checkbox',\n class: 'value-checkbox',\n ariaLabel: selectedAriaLabel,\n ref: props.buttonRef,\n onMouseDown: (e) => createRipple(e, { color: 'neutral', parent: labelRef }),\n iconPart: 'value-checkbox-icon',\n };\n if (isTriStateCheckbox(props)) {\n return h(TriStateCheckbox, { ...attributes, state: props.state });\n }\n return h(StencilCheckbox, { ...attributes, checked: props.isSelected });\n };\n const renderExclusion = () => {\n if (isTriStateCheckbox(props)) {\n return (h(FacetValueExclude, { onClick: () => props.onExclude?.(), ariaLabel: excludedAriaLabel }));\n }\n };\n return (h(\"li\", { key: props.displayValue, class: \"group relative flex items-center\" },\n renderCheckbox(),\n h(\"label\", { ref: (ref) => (labelRef = ref), htmlFor: id, part: \"value-checkbox-label\", class: \"items-center\", onMouseDown: (e) => createRipple(e, { color: 'neutral' }), \"aria-hidden\": \"true\" },\n children,\n h(\"span\", { part: \"value-count\", class: \"value-count\" }, props.i18n.t('between-parentheses', {\n text: count,\n }))),\n renderExclusion()));\n};\n\nexport { FacetValueCheckbox as F, FacetGuard as a };\n\n//# sourceMappingURL=stencil-facet-value-checkbox.js.map","import { b as buildCustomEvent } from './event-utils.js';\n\nconst popoverClass = 'popover-nested';\nfunction initializePopover(host, childFacet) {\n host.dispatchEvent(buildCustomEvent('atomic/initializePopover', childFacet));\n}\n\nexport { initializePopover as i, popoverClass as p };\n\n//# sourceMappingURL=popover-type.js.map","import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildFacet, buildSearchStatus, buildFacetConditionsManager } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion, F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { g as getFieldValueCaption, F as FacetValuesGroup, p as parseDependsOn } from './stencil-facet-values-group.js';\nimport { s as shouldUpdateFacetSearchComponent, F as FacetValueLabelHighlight, a as FacetValueLink, b as FacetContainer, c as FacetHeader } from './stencil-facet-value-link.js';\nimport { F as FacetValueCheckbox, a as FacetGuard } from './stencil-facet-value-checkbox.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { B as Button } from './stencil-button.js';\nimport { i as initializePopover } from './popover-type.js';\n\nfunction announceFacetSearchResultsWithAriaLive(facet, label, setAriaLive, i18n) {\n let prevState = facet.state.facetSearch;\n facet.subscribe(() => {\n if (shouldUpdateFacetSearchComponent(facet.state.facetSearch, prevState) &&\n facet.state.facetSearch.query) {\n prevState = facet.state.facetSearch;\n setAriaLive(i18n.t('facet-search-results-count', {\n count: facet.state.facetSearch.values.length,\n label,\n }));\n }\n });\n}\n\nconst MinusIcon = ``;\n\nconst PlusIcon = `\n \n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetShowMoreLess = (props) => {\n const label = props.i18n.t(props.label);\n const showMore = props.i18n.t('show-more');\n const showMoreFacetValues = props.i18n.t('show-more-facet-values', {\n label,\n });\n const showLess = props.i18n.t('show-less');\n const showLessFacetValues = props.i18n.t('show-less-facet-values', {\n label,\n });\n const btnClasses = 'flex items-baseline text-left p-2 text-sm max-w-full';\n const iconClasses = 'w-2 h-2 mr-1';\n if (!props.canShowLessValues && !props.canShowMoreValues) {\n return;\n }\n return (h(\"div\", { class: \"mt-2\" },\n h(Button, { style: \"text-primary\", part: \"show-less\", class: `${btnClasses} ${props.canShowLessValues ? '' : 'hidden'}`, ariaLabel: showLessFacetValues, onClick: () => props.onShowLess(), ref: props.showLessRef },\n h(\"atomic-icon\", { part: \"show-more-less-icon\", class: iconClasses, icon: MinusIcon }),\n h(\"span\", { class: \"truncate\" }, showLess)),\n h(Button, { style: \"text-primary\", part: \"show-more\", class: `${btnClasses} ${props.canShowMoreValues ? '' : 'hidden'}`, ariaLabel: showMoreFacetValues, onClick: () => props.onShowMore(), ref: props.showMoreRef },\n h(\"atomic-icon\", { part: \"show-more-less-icon\", class: iconClasses, icon: PlusIcon }),\n h(\"span\", { class: \"truncate\" }, showMore))));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValueBox = (props, children) => {\n const compactCount = new Intl.NumberFormat(props.i18n.language, {\n notation: 'compact',\n }).format(props.numberOfResults);\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabel = props.i18n.t('facet-value', {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: compactCount,\n });\n return (h(\"li\", { key: props.displayValue },\n h(Button, { style: \"outline-bg-neutral\", part: `value-box${props.isSelected ? ' value-box-selected' : ''}`, onClick: () => props.onClick(), class: `value-box group box-border h-full w-full items-center p-2 ${props.isSelected ? 'selected' : ''}`, ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },\n children,\n h(\"span\", { title: count, part: \"value-count\", class: \"value-box-count text-neutral-dark mt-1 w-full truncate text-sm\" }, props.i18n.t('between-parentheses', {\n text: compactCount,\n })))));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetValue = ({ facetSearchQuery, displayValuesAs, enableExclusion, facetCount, facetState, facetValue, field, i18n, onExclude, onSelect, setRef, }) => {\n const displayValue = getFieldValueCaption(field, facetValue, i18n);\n const isSelected = facetState === 'selected';\n const isExcluded = facetState === 'excluded';\n const triStateProps = enableExclusion\n ? {\n onExclude,\n state: facetState,\n }\n : {};\n switch (displayValuesAs) {\n case 'checkbox':\n return (h(FacetValueCheckbox, { ...triStateProps, displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {\n setRef && setRef(element);\n } },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, isExcluded: isExcluded, searchQuery: facetSearchQuery })));\n case 'link':\n return (h(FacetValueLink, { displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {\n setRef && setRef(element);\n } },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, searchQuery: facetSearchQuery })));\n case 'box':\n return (h(FacetValueBox, { displayValue: displayValue, numberOfResults: facetCount, isSelected: isSelected, i18n: i18n, onClick: onSelect, searchQuery: facetSearchQuery, buttonRef: (element) => {\n setRef && setRef(element);\n } },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, searchQuery: facetSearchQuery })));\n }\n};\n\nconst atomicInsightFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\ninput[type='text']:focus-visible ~ .search-icon {\\n color: var(--atomic-primary);\\n}\\ninput[type='text']:hover ~ .search-icon {\\n color: var(--atomic-primary-light);\\n}\\n.search-icon atomic-icon {\\n width: var(--atomic-facet-search-icon-size, 0.75rem);\\n height: var(--atomic-facet-search-icon-size, 0.75rem);\\n}\\n.search-clear-button atomic-icon {\\n width: var(--atomic-facet-search-clear-icon-size, 0.625rem);\\n height: var(--atomic-facet-search-clear-icon-size, 0.625rem);\\n}\\n.value-checkbox {\\n width: var(--atomic-facet-checkbox-size, 1rem);\\n height: var(--atomic-facet-checkbox-size, 1rem);\\n position: absolute;\\n left: calc(0.25rem * 2);\\n z-index: 1;\\n}\\n.value-checkbox + label {\\n display: flex;\\n width: 100%;\\n cursor: pointer;\\n flex-direction: row;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding-block: calc(0.25rem * 2.5);\\n padding-right: calc(0.25rem * 2);\\n padding-left: calc(0.25rem * 8);\\n color: var(--atomic-on-background);\\n}\\n@media (hover: hover) {\\n .value-checkbox + label:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n}\\n.value-checkbox.selected:focus-visible + label .value-label, .value-checkbox.selected:hover + label .value-label {\\n color: var(--atomic-primary);\\n}\\n.value-checkbox.excluded:focus-visible + label .value-label, .value-checkbox.excluded:hover + label .value-label {\\n color: var(--atomic-error);\\n}\\n.value-exclude-button:focus-visible atomic-icon {\\n visibility: visible;\\n}\\n.box-container {\\n display: grid;\\n padding-inline: calc(0.25rem * 2);\\n grid-template-columns: repeat(var(--atomic-facet-boxes-per-row, 4), minmax(0, 1fr));\\n gap: var(--atomic-facet-boxes-gap, 0.5rem);\\n}\\n.value-box .value-label, .value-box-count {\\n display: block;\\n width: 100%;\\n}\\n.value-box.selected {\\n box-shadow: 0 0 0 1px var(--atomic-primary);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightFacetStyle0 = atomicInsightFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.dependsOn = {};\n /**\n * The non-localized label for the facet.\n */\n this.label = 'no-label';\n /**\n * The number of values to request for this facet.\n * Also determines the number of additional values to request each time more values are shown.\n */\n this.numberOfValues = 8;\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'score', 'alphanumeric', 'alphanumericDescending', 'occurrences', alphanumericNatural', 'alphanumericNaturalDescending' and 'automatic'.\n */\n this.sortCriteria = 'automatic';\n /**\n * Specifies how a result must match the selected facet values.\n * Allowed values:\n * - `atLeastOneValue`: A result will match if at least one of the corresponding facet values is selected.\n * - `allValues`: A result will match if all corresponding facet values are selected.\n */\n this.resultsMustMatch = 'atLeastOneValue';\n /**\n * Whether to display the facet values as checkboxes (multiple selection), links (single selection) or boxes (multiple selection).\n * Possible values are 'checkbox', 'link', and 'box'.\n */\n this.displayValuesAs = 'checkbox';\n /**\n * Specifies if the facet is collapsed.\n */\n this.isCollapsed = false;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n */\n this.headingLevel = 0;\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * Whether to allow excluding values from the facet.\n */\n this.enableExclusion = false;\n this.facetState = undefined;\n this.searchStatusState = undefined;\n this.error = undefined;\n this.facetId = undefined;\n this.label = 'no-label';\n this.field = undefined;\n this.numberOfValues = 8;\n this.sortCriteria = 'automatic';\n this.resultsMustMatch = 'atLeastOneValue';\n this.displayValuesAs = 'checkbox';\n this.isCollapsed = false;\n this.headingLevel = 0;\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.enableExclusion = false;\n }\n initialize() {\n const options = {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n facetSearch: { numberOfValues: this.numberOfValues },\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n };\n this.facet = buildFacet(this.bindings.engine, { options });\n this.facetId = this.facet.state.facetId;\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.initAriaLive();\n this.initConditionManager();\n this.initPopover();\n this.registerFacet();\n }\n get focusTargets() {\n if (!this.showLessFocus) {\n this.showLessFocus = new FocusTargetController(this);\n }\n if (!this.showMoreFocus) {\n this.showMoreFocus = new FocusTargetController(this);\n }\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return {\n showLess: this.showLessFocus,\n showMore: this.showMoreFocus,\n header: this.headerFocus,\n };\n }\n disconnectedCallback() {\n if (this.host.isConnected) {\n return;\n }\n this.facetConditionsManager?.stopWatching();\n }\n render() {\n return (h(FacetGuard, { key: '2f12161cec88ef15a54fc7ad5e457a864e739ac6', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: this.bindings.i18n, label: this.label, onClearFilters: () => {\n this.focusTargets.header.focusAfterSearch();\n this.facet.deselectAll();\n }, numberOfActiveValues: this.activeValues.length, isCollapsed: this.isCollapsed, headingLevel: this.headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => this.focusTargets.header.setTarget(el) }), this.renderBody())) : (h(FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));\n }\n renderBody() {\n if (this.isCollapsed) {\n return;\n }\n return [this.renderValues(), this.renderShowMoreLess()];\n }\n renderValuesContainer(children, query) {\n const classes = `mt-3 ${this.displayValuesAs === 'box' ? 'box-container' : ''}`;\n return (h(FacetValuesGroup, { i18n: this.bindings.i18n, label: this.label, query: query }, h(\"ul\", { class: classes, part: \"values\" }, children)));\n }\n renderValues() {\n return this.renderValuesContainer(this.facet.state.values.map((value, i) => {\n const shouldFocusOnShowLessAfterInteraction = i === 0;\n const shouldFocusOnShowMoreAfterInteraction = i ===\n (this.sortCriteria === 'automatic'\n ? 0\n : this.facetState.values.length - 1);\n return (h(FacetValue, { ...this.facetValueProps, facetCount: value.numberOfResults, onExclude: () => this.facet.toggleExclude(value), onSelect: () => this.displayValuesAs === 'link'\n ? this.facet.toggleSingleSelect(value)\n : this.facet.toggleSelect(value), facetValue: value.value, facetState: value.state, setRef: (btn) => {\n if (shouldFocusOnShowLessAfterInteraction) {\n this.showLessFocus?.setTarget(btn);\n }\n if (shouldFocusOnShowMoreAfterInteraction) {\n this.showMoreFocus?.setTarget(btn);\n }\n } }));\n }));\n }\n renderShowMoreLess() {\n return (h(FacetShowMoreLess, { label: this.label, i18n: this.bindings.i18n, onShowMore: () => {\n this.focusTargets.showMore.focusAfterSearch();\n this.facet.showMoreValues();\n }, onShowLess: () => {\n this.focusTargets.showLess.focusAfterSearch();\n this.facet.showLessValues();\n }, canShowMoreValues: this.facet.state.canShowMoreValues, canShowLessValues: this.facet.state.canShowLessValues }));\n }\n get activeValues() {\n return this.facet.state.values.filter(({ state }) => state !== 'idle');\n }\n get facetValueProps() {\n return {\n facetSearchQuery: this.facetState.facetSearch.query,\n displayValuesAs: this.displayValuesAs,\n enableExclusion: this.enableExclusion,\n field: this.field,\n i18n: this.bindings.i18n,\n };\n }\n initAriaLive() {\n announceFacetSearchResultsWithAriaLive(this.facet, this.label, (msg) => (this.facetSearchAriaMessage = msg), this.bindings.i18n);\n }\n initConditionManager() {\n this.facetConditionsManager = buildFacetConditionsManager(this.bindings.engine, {\n facetId: this.facetId,\n conditions: parseDependsOn(this.dependsOn),\n });\n }\n initPopover() {\n initializePopover(this.host, {\n ...this.facetInfo,\n hasValues: () => !!this.facet.state.values.length,\n numberOfActiveValues: () => this.activeValues.length,\n });\n }\n get isHidden() {\n return !this.facet.state.enabled || !this.facet.state.values.length;\n }\n get facetInfo() {\n return {\n label: () => this.bindings.i18n.t(this.label),\n facetId: this.facetId,\n element: this.host,\n isHidden: () => this.isHidden,\n };\n }\n registerFacet() {\n this.bindings.store.registerFacet('facets', this.facetInfo);\n }\n get host() { return this; }\n static get style() { return AtomicInsightFacetStyle0; }\n}, [1, \"atomic-insight-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"label\": [513],\n \"field\": [513],\n \"numberOfValues\": [514, \"number-of-values\"],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"resultsMustMatch\": [513, \"results-must-match\"],\n \"displayValuesAs\": [513, \"display-values-as\"],\n \"isCollapsed\": [1540, \"is-collapsed\"],\n \"headingLevel\": [514, \"heading-level\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [2, \"injection-depth\"],\n \"enableExclusion\": [516, \"enable-exclusion\"],\n \"facetState\": [32],\n \"searchStatusState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facet')\n], AtomicInsightFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightFacet$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n AriaLiveRegion('facet-search')\n], AtomicInsightFacet$1.prototype, \"facetSearchAriaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-facet\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightFacet$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightFacet = AtomicInsightFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-facet.js.map","import { h } from '@stencil/core/internal/client';\nimport { buildResultTemplatesManager } from '@eternal-baguette/headless';\n\n// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ResultsPlaceholdersGuard = (props) => {\n if (!props.displayPlaceholders) {\n return;\n }\n switch (props.display) {\n case 'table':\n return h(TableDisplayResultsPlaceholder, { ...props });\n default:\n return h(ResultsPlaceholder, { ...props });\n }\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ResultsPlaceholder = (props) => {\n return Array.from({ length: props.numberOfPlaceholders }, (_, i) => (h(\"atomic-result-placeholder\", { key: `placeholder-${i}`, density: props.density, display: props.display || 'list', imageSize: props.imageSize })));\n};\nconst TableDisplayResultsPlaceholder = (props) => {\n return (h(\"atomic-result-table-placeholder\", { density: props.density, imageSize: props.imageSize, rows: props.numberOfPlaceholders }));\n};\n\nclass TemplateProvider {\n constructor(props, buildManager) {\n this.props = props;\n this.buildManager = buildManager;\n this.templateManager = this.buildManager();\n this.registerResultTemplates();\n }\n async registerResultTemplates() {\n const customTemplates = await Promise.all(this.props.templateElements.map(async (resultTemplateElement) => {\n if (!('getTemplate' in resultTemplateElement)) {\n await customElements.whenDefined(resultTemplateElement.tagName.toLowerCase());\n }\n const template = await resultTemplateElement.getTemplate();\n if (!template) {\n this.props.setTemplateHasError(true);\n }\n return template;\n }));\n const templates = (!customTemplates.length && this.props.includeDefaultTemplate\n ? [this.makeDefaultTemplate()]\n : []).concat(customTemplates.filter((template) => template));\n this.templateManager.registerTemplates(...templates);\n this.props.setResultTemplateRegistered(true);\n }\n getTemplateContent(item) {\n return this.templateManager.selectTemplate(item);\n }\n getLinkTemplateContent(item) {\n return this.templateManager.selectLinkTemplate(item);\n }\n getEmptyLinkTemplateContent() {\n return document.createDocumentFragment();\n }\n get templatesRegistered() {\n return this.props.getResultTemplateRegistered();\n }\n get hasError() {\n return this.props.getTemplateHasError();\n }\n}\n\nclass ResultTemplateProvider extends TemplateProvider {\n constructor(props, gridCellLinkTarget) {\n super(props, () => buildResultTemplatesManager(props.bindings.engine));\n this.gridCellLinkTarget = gridCellLinkTarget;\n }\n // TODO: Add JSX support for default template\n makeDefaultTemplate() {\n const content = document.createDocumentFragment();\n const linkEl = document.createElement('atomic-result-link');\n content.appendChild(linkEl);\n const linkContent = document.createDocumentFragment();\n const linkMarkup = `\n \n ${this.gridCellLinkTarget ? `    ` : ''}\n \n `;\n const linkTemplate = document.createElement('template');\n linkTemplate.innerHTML = linkMarkup.trim();\n linkContent.appendChild(linkTemplate.content);\n return {\n content,\n linkContent,\n conditions: [],\n };\n }\n}\n\nexport { ResultTemplateProvider as R, ResultsPlaceholdersGuard as a, ResultsPlaceholder as b };\n\n//# sourceMappingURL=result-template-provider.js.map","function extractUnfoldedItem(anyResult) {\n return anyResult.result || anyResult;\n}\n\nexport { extractUnfoldedItem as e };\n\n//# sourceMappingURL=unfolded-item.js.map","import './purify.js';\n\nconst isRefineModalFacet = 'is-refine-modal';\nfunction createAppLoadedListener(store, callback) {\n const updateIsAppLoaded = () => {\n const isAppLoaded = store.state.loadingFlags.length === 0;\n callback(isAppLoaded);\n };\n store.onChange('loadingFlags', updateIsAppLoaded);\n updateIsAppLoaded();\n}\n\nexport { createAppLoadedListener as c, isRefineModalFacet as i };\n\n//# sourceMappingURL=store.js.map","import { h, Fragment } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ItemDisplayGuard = (props, children) => {\n if (!props.hasItems || !props.firstRequestExecuted) {\n return;\n }\n return h(Fragment, null, ...children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst DisplayWrapper = ({ display, listClasses }, children) => {\n if (display === 'table') {\n return h(ListWrapper, { listClasses: listClasses }, ...children);\n }\n return (h(ListWrapper, { listClasses: listClasses },\n h(\"div\", { class: `list-root ${listClasses}`, part: \"result-list\" }, children)));\n};\nconst ListWrapper = ({ listClasses }, children) => {\n return h(\"div\", { class: `list-wrapper ${listClasses}` }, ...children);\n};\n\nexport { DisplayWrapper as D, ItemDisplayGuard as I };\n\n//# sourceMappingURL=stencil-display-wrapper.js.map","import { h, Fragment } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ItemListGuard = ({ hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError }, children) => {\n if (hasError || (firstRequestExecuted && !hasItems) || !hasTemplate) {\n return;\n }\n return (h(Fragment, null,\n templateHasError && h(\"slot\", null),\n ...children));\n};\n\nexport { ItemListGuard as I };\n\n//# sourceMappingURL=stencil-item-list-guard.js.map","import { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { g as getFirstFocusableDescendant } from './stencil-accessibility-utils.js';\nimport { o as once, f as defer } from './utils.js';\n\nconst resultComponentClass = 'result-component';\nclass ItemListCommon {\n constructor(props) {\n this.props = props;\n this.props.store.setLoadingFlag(this.props.loadingFlag);\n this.props.store.state.resultList = this;\n this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));\n this.props.nextNewItemTarget.registerFocusCallback(() => {\n this.indexOfResultToFocus = undefined;\n });\n }\n updateBreakpoints() {\n this.updateBreakpointsOnce();\n }\n getResultId(uniqueIdOnResult, searchResponseId, density, imageSize) {\n return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;\n }\n setNewResultRef(element, resultIndex) {\n if (resultIndex === 0) {\n this.firstResultEl = element;\n }\n if (resultIndex !== this.indexOfResultToFocus) {\n return;\n }\n if (!element.children.length && !element.shadowRoot?.children.length) {\n return;\n }\n this.indexOfResultToFocus = undefined;\n const elementToFocus = getFirstFocusableDescendant(element) ?? element;\n this.props.nextNewItemTarget.setTarget(elementToFocus);\n }\n focusOnNextNewResult() {\n this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();\n this.props.nextNewItemTarget.focusOnNextTarget();\n }\n async focusOnFirstResultAfterNextSearch() {\n await defer();\n return new Promise((resolve) => {\n if (this.props.getIsLoading()) {\n this.firstResultEl = undefined;\n }\n const unsub = this.props.engineSubscribe(async () => {\n await defer();\n if (!this.props.getIsLoading() && this.firstResultEl) {\n const elementToFocus = getFirstFocusableDescendant(this.firstResultEl) ??\n this.firstResultEl;\n this.props.nextNewItemTarget.setTarget(elementToFocus);\n this.props.nextNewItemTarget.focus();\n this.firstResultEl = undefined;\n unsub();\n resolve();\n }\n });\n });\n }\n}\n\nexport { ItemListCommon as I, resultComponentClass as r };\n\n//# sourceMappingURL=stencil-item-list-common.js.map","import { j as isElementNode } from './utils.js';\n\nconst resultSectionTags = new Set([\n 'atomic-result-section-visual',\n 'atomic-result-section-badges',\n 'atomic-result-section-actions',\n 'atomic-result-section-title',\n 'atomic-result-section-title-metadata',\n 'atomic-result-section-emphasized',\n 'atomic-result-section-excerpt',\n 'atomic-result-section-bottom-metadata',\n 'atomic-result-section-children',\n]);\nconst productSectionTags = new Set([\n 'atomic-product-section-visual',\n 'atomic-product-section-badges',\n 'atomic-product-section-actions',\n 'atomic-product-section-name',\n 'atomic-product-section-metadata',\n 'atomic-product-section-emphasized',\n 'atomic-product-section-description',\n 'atomic-product-section-bottom-metadata',\n 'atomic-product-section-children',\n]);\nconst allTags = new Set([...resultSectionTags, ...productSectionTags]);\nfunction isResultSectionNode(element) {\n if (!isElementNode(element)) {\n return false;\n }\n return allTags.has(element.tagName.toLowerCase());\n}\nfunction containsSections(content) {\n if (typeof content === 'string') {\n return Array.from(allTags.values()).some((tag) => content.includes(tag));\n }\n return Array.from(content).some((child) => isResultSectionNode(child));\n}\n\nexport { containsSections as c, isResultSectionNode as i };\n\n//# sourceMappingURL=item-layout-sections.js.map","import { c as containsSections } from './item-layout-sections.js';\n\nfunction getDisplayClass(display) {\n switch (display) {\n case 'grid':\n return 'display-grid';\n case 'table':\n return 'display-table';\n default:\n return 'display-list';\n }\n}\nfunction getDensityClass(density) {\n switch (density) {\n case 'comfortable':\n return 'density-comfortable';\n case 'compact':\n return 'density-compact';\n default:\n return 'density-normal';\n }\n}\nfunction getImageClass(image) {\n switch (image) {\n case 'large':\n return 'image-large';\n case 'small':\n return 'image-small';\n case 'none':\n return 'image-none';\n default:\n return 'image-icon';\n }\n}\nfunction getItemListDisplayClasses$1(display, density, image, isLoading, isAppLoading) {\n const classes = getItemDisplayClasses$1(display, density, image);\n if (isLoading) {\n classes.push('loading');\n }\n if (isAppLoading) {\n classes.push('placeholder');\n }\n return classes.join(' ');\n}\nfunction getItemDisplayClasses$1(display, density, image) {\n const classes = [\n getDisplayClass(display),\n getDensityClass(density),\n getImageClass(image),\n ];\n return classes;\n}\nfunction getSection(children, section) {\n return Array.from(children).find((element) => element.tagName.toLowerCase() === section);\n}\nfunction getImageSizeFromSections(children) {\n const imageSize = getSection(children, 'atomic-result-section-visual')?.getAttribute('image-size');\n if (!imageSize) {\n return undefined;\n }\n return imageSize;\n}\nfunction getItemLayoutClasses(config, HTMLContent) {\n const classes = getItemDisplayClasses$1(config.display, config.density, getImageSizeFromSections(config.children) ?? config.imageSize);\n if (HTMLContent\n ? containsSections(HTMLContent)\n : containsSections(config.children)) {\n classes.push('with-sections');\n }\n return classes;\n}\n\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nconst getItemDisplayClasses = getItemDisplayClasses$1;\n/**\n * @deprecated Use only for Stencil components. For Lit components, import from `item-layout-utils.ts` instead.\n */\nconst getItemListDisplayClasses = getItemListDisplayClasses$1;\n/**\n * @deprecated Use only for Stencil components. For Lit components, use `getItemLayoutClasses` with `ItemLayoutConfig` from `packages/atomic/src/components/common/layout/item-layout-utils.ts` instead.\n */\nclass ItemLayout {\n constructor(children, display, density, imageSize) {\n this.children = children;\n this.display = display;\n this.density = density;\n this.imageSize = imageSize;\n }\n getClasses(HTMLContent) {\n return getItemLayoutClasses({\n children: this.children,\n display: this.display,\n density: this.density,\n imageSize: this.imageSize,\n }, HTMLContent);\n }\n}\n\nexport { ItemLayout as I, getItemDisplayClasses as a, getItemListDisplayClasses as g };\n\n//# sourceMappingURL=display-options.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildResultsPerPage, buildFoldedResultList, buildInteractiveResult } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { R as ResultTemplateProvider, a as ResultsPlaceholdersGuard } from './result-template-provider.js';\nimport { e as extractUnfoldedItem } from './unfolded-item.js';\nimport { c as createAppLoadedListener } from './store.js';\nimport { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wrapper.js';\nimport { I as ItemListGuard } from './stencil-item-list-guard.js';\nimport { I as ItemListCommon } from './stencil-item-list-common.js';\nimport { g as getItemListDisplayClasses } from './display-options.js';\nimport { d as defineCustomElement$3 } from './atomic-insight-result2.js';\nimport { d as defineCustomElement$2 } from './atomic-result-placeholder2.js';\n\nconst atomicInsightFoldedResultListCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n.list-wrapper.placeholder .result-component {\\n display: none;\\n}\\n.list-wrapper.placeholder table.list-root {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-placeholder {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-table-placeholder {\\n display: none;\\n}\\n.list-root.loading {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n}\\n@keyframes pulse {\\n 0%, 100% {\\n opacity: 0.6;\\n }\\n 50% {\\n opacity: 0.2;\\n }\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n @media not all and (width >= 1024px) {\\n @media not all and (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-template-columns: minmax(auto, 35rem);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: 1fr 1fr;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder {\\n border-color: transparent;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-icon [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-none [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-icon atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-none atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n @media not all and (min-width: 640px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n }\\n .atomic-list-with-dividers.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-list-with-dividers [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-list-with-dividers [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-list-with-dividers atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .atomic-grid-display-common .list-wrapper {\\n word-break: break-word;\\n }\\n .atomic-grid-display-common .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n }\\n .atomic-grid-display-common .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .atomic-result-table {\\n min-width: 100%;\\n border-spacing: 0;\\n border-collapse: separate;\\n }\\n .atomic-result-table th, .atomic-result-table td {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n line-height: 1rem;\\n white-space: nowrap;\\n }\\n .atomic-result-table th:not(:first-child), .atomic-result-table td:not(:first-child) {\\n border-left: none;\\n }\\n .atomic-result-table th:first-child, .atomic-result-table td:first-child {\\n min-width: 19rem;\\n }\\n .atomic-result-table th {\\n background-color: var(--atomic-neutral-light);\\n border-bottom: none;\\n font-weight: bold;\\n color: black;\\n padding: 1rem var(--padding);\\n text-align: left;\\n }\\n .atomic-result-table th:first-child {\\n border-top-left-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table th:last-child {\\n border-top-right-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table td {\\n color: var(--atomic-neutral-dark);\\n border-top: none;\\n vertical-align: top;\\n padding: var(--padding);\\n }\\n .atomic-result-table.density-comfortable {\\n --padding: 2rem;\\n }\\n .atomic-result-table.density-normal {\\n --padding: 1.5rem;\\n }\\n .atomic-result-table.density-compact {\\n --padding: 1rem;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid {\\n grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-comfortable {\\n grid-row-gap: 4rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-normal, .atomic-grid-display-desktop .list-root.display-grid.density-compact {\\n grid-row-gap: 3rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.image-large {\\n grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (min-width: 1280px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n }\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .atomic-grid-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-with-cards {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n .atomic-list-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-list-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part~='divider']:not(:last-child) {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n border-bottom-color: var(--atomic-neutral);\\n padding-bottom: 1rem;\\n}\\n[part~='divider'] {\\n margin-bottom: 1rem;\\n}\\n.list-root.display-list {\\n display: flex;\\n flex-direction: column;\\n}\\n.list-root.display-list .result-component, .list-root.display-list atomic-result-placeholder {\\n width: auto;\\n}\\n.list-root.display-list.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n}\\n.list-root.display-list.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n}\\n@media not all and (width >= 1024px) {\\n .list-root.display-list.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n}\\n.list-root.display-list.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n}\\n@media not all and (width >= 1024px) {\\n .list-root.display-list.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n}\\n.list-root.display-list [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n}\\n.list-root.display-list [part~='outline']:first-of-type::before {\\n display: none;\\n}\\n.list-root.display-list atomic-result-placeholder::before {\\n background-color: transparent;\\n}\\n.list-root.display-list .result-component[part~='outline']::before {\\n margin-inline: calc(0.25rem * 6);\\n margin-block: calc(0.25rem * 0);\\n}\\n.list-root.placeholder {\\n padding: 0.5rem 1.5rem;\\n}\\natomic-result:not(.hydrated) {\\n visibility: hidden;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-border-style: solid;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightFoldedResultListStyle0 = atomicInsightFoldedResultListCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightFoldedResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightFoldedResultList extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.loadingFlag = randomID('firstResultLoaded-');\n this.display = 'list';\n this.resultTemplateRegistered = false;\n this.isAppLoaded = false;\n this.templateHasError = false;\n /**\n * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n */\n this.density = 'normal';\n /**\n * The expected size of the image displayed in the results.\n */\n this.imageSize = 'icon';\n this.foldedResultListState = undefined;\n this.resultsPerPageState = undefined;\n this.resultTemplateRegistered = false;\n this.error = undefined;\n this.isAppLoaded = false;\n this.templateHasError = false;\n this.density = 'normal';\n this.imageSize = 'icon';\n this.collectionField = undefined;\n this.parentField = undefined;\n this.childField = undefined;\n }\n /**\n * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.\n *\n * Do not use this method if you integrate Atomic in a plain HTML deployment.\n */\n async setRenderFunction(resultRenderingFunction) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n resolveFoldedResultList(event) {\n event.preventDefault();\n event.stopPropagation();\n event.detail(this.foldedResultList);\n }\n loadCollection(event) {\n event.preventDefault();\n event.stopPropagation();\n this.foldedResultList.loadCollection(event.detail);\n }\n initialize() {\n try {\n this.foldedResultList = this.initFolding();\n this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n }\n catch (e) {\n this.error = e;\n }\n this.itemTemplateProvider = new ResultTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(this.host.querySelectorAll('atomic-insight-result-template')),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.foldedResultListState.results.length,\n getIsLoading: () => this.foldedResultListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n get focusTarget() {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n initFolding(props = { options: {} }) {\n return buildFoldedResultList(this.bindings.engine, {\n options: {\n ...props.options,\n folding: {\n collectionField: this.collectionField,\n parentField: this.parentField,\n childField: this.childField,\n },\n },\n });\n }\n render() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n return (h(ItemListGuard, { key: 'eaa210b4465bfc580427db7c83e8a73ab3e83e4b', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, hasError: this.foldedResultListState.hasError }, h(DisplayWrapper, { key: 'e2b5b9e58584aa3faaa411db516a4b1842991e62', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '199b2c6bf3a839d8bbbf82b6c87f54a1def927f7', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'ca8471fc63fc4d2be02c194b0e0fc69dc5a067d1', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults }, this.foldedResultListState.results.map((collection, i) => {\n const atomicInsightResultProps = this.getPropsForAtomicInsightResult(collection);\n return (h(\"atomic-insight-result\", { ...atomicInsightResultProps, part: \"outline\", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));\n })))));\n }\n computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n return getItemListDisplayClasses(this.display, this.density, this.imageSize, this.foldedResultListState.firstSearchExecuted &&\n this.foldedResultListState.isLoading, displayPlaceholders);\n }\n getPropsForAtomicInsightResult(collection) {\n const result = extractUnfoldedItem(collection);\n return {\n interactiveResult: buildInteractiveResult(this.bindings.engine, {\n options: { result },\n }),\n result,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(result.uniqueId, this.foldedResultListState.searchResponseId, this.density, this.imageSize),\n content: this.itemTemplateProvider.getTemplateContent(result),\n store: this.bindings.store,\n density: this.density,\n display: this.display,\n imageSize: this.imageSize,\n };\n }\n get host() { return this; }\n static get style() { return AtomicInsightFoldedResultListStyle0; }\n}, [1, \"atomic-insight-folded-result-list\", {\n \"density\": [513],\n \"imageSize\": [513, \"image-size\"],\n \"collectionField\": [513, \"collection-field\"],\n \"parentField\": [513, \"parent-field\"],\n \"childField\": [513, \"child-field\"],\n \"foldedResultListState\": [32],\n \"resultsPerPageState\": [32],\n \"resultTemplateRegistered\": [32],\n \"error\": [32],\n \"isAppLoaded\": [32],\n \"templateHasError\": [32],\n \"setRenderFunction\": [64]\n }, [[0, \"atomic/resolveFoldedResultList\", \"resolveFoldedResultList\"], [0, \"atomic/loadCollection\", \"loadCollection\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicInsightFoldedResultList$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('foldedResultList')\n], AtomicInsightFoldedResultList$1.prototype, \"foldedResultListState\", void 0);\n__decorate([\n BindStateToController('resultsPerPage')\n], AtomicInsightFoldedResultList$1.prototype, \"resultsPerPageState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-folded-result-list\", \"atomic-insight-result\", \"atomic-result-placeholder\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-folded-result-list\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightFoldedResultList$1);\n }\n break;\n case \"atomic-insight-result\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-result-placeholder\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightFoldedResultList = AtomicInsightFoldedResultList$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightFoldedResultList, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-folded-result-list.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\n\nconst ArrowFull = `\n\n\n`;\n\nconst atomicInsightFullSearchButtonCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host {\\n position: absolute;\\n right: 0;\\n --full-search-background-color: var(--atomic-neutral-dark);\\n --full-search-secondary-background-color: #333536;\\n}\\n:host::part(full-search-button) {\\n width: 27px;\\n height: 27px;\\n border-radius: 0;\\n --tw-border-style: none;\\n border-style: none;\\n background-color: var(--full-search-background-color);\\n clip-path: polygon(0 0, 100% 100%, 100% 0);\\n}\\n:host::part(full-search-button):hover {\\n background-color: var(--full-search-secondary-background-color);\\n border-color: var(--full-search-secondary-background-color);\\n}\\n:host::part(full-search-icon) {\\n position: absolute;\\n top: 4px;\\n left: 15px;\\n height: 9px;\\n width: 9px;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightFullSearchButtonStyle0 = atomicInsightFullSearchButtonCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightFullSearchButton$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightFullSearchButton extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.tooltip = '';\n this.tooltip = '';\n this.error = undefined;\n }\n render() {\n return (h(IconButton, { key: 'de4086886978ea6fea5fbbedfe7f99c9a7d5eb29', partPrefix: \"full-search\", style: \"outline-neutral\", icon: ArrowFull, ariaLabel: this.bindings.i18n.t('full-search'), title: this.tooltip }));\n }\n static get style() { return AtomicInsightFullSearchButtonStyle0; }\n}, [1, \"atomic-insight-full-search-button\", {\n \"tooltip\": [1025],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightFullSearchButton$1.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-full-search-button\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-full-search-button\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightFullSearchButton$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightFullSearchButton = AtomicInsightFullSearchButton$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightFullSearchButton, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-full-search-button.js.map","import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildInteractiveCitation, buildGeneratedAnswer, buildSearchStatus } from '@eternal-baguette/headless/insight';\nimport { d as debounce } from './debounce-utils.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { G as GeneratedAnswerCommon } from './generated-answer-common.js';\n\nconst atomicInsightGeneratedAnswerCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .mobile-footer-xs-layout {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mobile-footer-xs-layout .feedback-buttons {\\n position: relative;\\n top: calc(0.25rem * 0);\\n right: calc(0.25rem * 0);\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mobile-footer-layout {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .mobile-footer-layout .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .mobile-generated-answer-footer-layout {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='generated-text'] {\\n --font-size: var(--atomic-text-lg);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n}\\n[part='generated-text'].cursor::after {\\n content: '';\\n width: 8px;\\n height: 1em;\\n margin-left: 0.1em;\\n background-color: var(--atomic-neutral-dark);\\n display: inline-block;\\n animation: cursor-blink 1.5s steps(2) infinite;\\n vertical-align: text-bottom;\\n}\\n[part='generated-text'] [part='answer-heading-1'] {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n}\\n[part='generated-text'] [part='answer-heading-2'] {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n}\\n[part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n}\\n[part='generated-text'] [part='answer-heading-1'], [part='generated-text'] [part='answer-heading-2'], [part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\\n margin-top: calc(0.25rem * 4);\\n margin-bottom: calc(0.25rem * 2);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-paragraph'] {\\n margin-bottom: calc(0.25rem * 6);\\n}\\n[part='generated-text'] [part='answer-list-item'], [part='generated-text'] [part='answer-paragraph'], [part='generated-text'] [part='answer-quote-block'], [part='generated-text'] [part='answer-table-header'], [part='generated-text'] [part='answer-table-content'] {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n}\\n[part='generated-text'] [part='answer-strong'] {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-ordered-list'] {\\n margin-bottom: calc(0.25rem * 2);\\n list-style-type: decimal;\\n padding-inline-start: calc(0.25rem * 8);\\n}\\n[part='generated-text'] [part='answer-unordered-list'] {\\n margin-bottom: calc(0.25rem * 2);\\n list-style-type: disc;\\n padding-inline-start: calc(0.25rem * 8);\\n}\\n[part='generated-text'] [part='answer-inline-code'] {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-neutral-light);\\n padding-inline: calc(0.25rem * 1);\\n padding-block: calc(0.25rem * 0.5);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n color: var(--atomic-inline-code);\\n}\\n[part='generated-text'] [part='answer-code-block'] {\\n margin-block: calc(0.25rem * 4);\\n max-height: calc(0.25rem * 96);\\n overflow: auto;\\n border-radius: var(--atomic-border-radius-md);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-neutral-light);\\n padding: calc(0.25rem * 2);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n color: var(--atomic-on-background);\\n scrollbar-color: var(--atomic-neutral);\\n}\\n[part='generated-text'] [part='answer-quote-block'] {\\n margin-inline: calc(0.25rem * 16);\\n font-style: italic;\\n}\\n[part='generated-text'] [part='answer-table-container'] {\\n margin-bottom: calc(0.25rem * 6);\\n display: inline-block;\\n max-height: calc(0.25rem * 96);\\n max-width: 100%;\\n overflow: auto;\\n border-radius: var(--atomic-border-radius-md);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n --tw-border-style: solid;\\n border-style: solid;\\n border-color: var(--atomic-neutral-dim);\\n}\\n[part='generated-text'] [part='answer-table-container'] [part='answer-table-header'] {\\n position: sticky;\\n top: calc(0.25rem * 0);\\n}\\n[part='generated-text'] [part='answer-table'] {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n}\\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header'] {\\n border-bottom-color: var(--atomic-neutral-dim);\\n border-left-color: var(--atomic-neutral-dim);\\n background-color: var(--atomic-neutral);\\n padding: calc(0.25rem * 4);\\n text-align: left;\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header']:first-of-type {\\n border-left: none;\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr:nth-child(even) {\\n background-color: var(--atomic-neutral-light);\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-bottom-color: var(--atomic-neutral-dim);\\n border-left-color: var(--atomic-neutral-dim);\\n padding: calc(0.25rem * 4);\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content']:first-of-type {\\n border-left: none;\\n}\\n[part='generated-text'] [part='answer-table'] tbody tr:last-of-type [part='answer-table-content'] {\\n border-bottom: unset;\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities;\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.feedback-buttons [part='feedback-button'] {\\n width: 2.2rem;\\n height: 2.2rem;\\n color: var(--atomic-neutral-dark);\\n}\\n.feedback-buttons [part='feedback-button'].dislike {\\n rotate: 180deg;\\n}\\n.feedback-buttons [part='feedback-button']:hover.like, .feedback-buttons [part='feedback-button'].active.like {\\n color: var(--atomic-success);\\n}\\n.feedback-buttons [part='feedback-button']:hover.dislike, .feedback-buttons [part='feedback-button'].active.dislike {\\n color: var(--atomic-error);\\n}\\n[part='copy-button'] .icon-container atomic-icon:hover {\\n color: var(--atomic-primary);\\n}\\n[part='copy-button'].copied .icon-container atomic-icon {\\n color: var(--atomic-success);\\n}\\n[part='copy-button'].error .icon-container atomic-icon {\\n color: var(--atomic-error);\\n}\\n@keyframes cursor-blink {\\n 0% {\\n opacity: 0;\\n }\\n}\\n[part='container'] {\\n container-type: inline-size;\\n contain: layout;\\n}\\n.footer {\\n display: flex;\\n}\\n.footer .source-citations {\\n margin-right: calc(0.25rem * 2);\\n}\\n@container (max-width: 37.5rem) {\\n .footer {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .footer .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n .footer {\\n flex-direction: column;\\n gap: calc(0.25rem * 4);\\n }\\n .footer .source-citations {\\n margin-right: calc(0.25rem * 0);\\n }\\n}\\n@container (max-width: 25rem) {\\n .footer {\\n margin-top: calc(0.25rem * 4);\\n }\\n .footer .feedback-buttons {\\n position: relative;\\n top: calc(0.25rem * 0);\\n right: calc(0.25rem * 0);\\n }\\n}\\n@container (max-width: 37.5rem) {\\n [part='generated-answer-footer'] {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n [part='generated-answer-footer'] {\\n flex-direction: column;\\n gap: calc(0.25rem * 1);\\n }\\n}\\n[part='generated-container'].answer-collapsed {\\n position: relative;\\n overflow: hidden;\\n --tw-content: '';\\n content: var(--tw-content);\\n max-height: var(--atomic-crga-collapsed-height, 16rem);\\n}\\n[part='generated-container'].answer-collapsed .feedback-buttons {\\n display: none;\\n}\\n[part='generated-container'].answer-collapsed:before {\\n position: absolute;\\n top: calc(0.25rem * 0);\\n left: calc(0.25rem * 0);\\n height: 100%;\\n width: 100%;\\n --tw-content: '';\\n content: var(--tw-content);\\n background: linear-gradient( transparent calc(var(--atomic-crga-collapsed-height, 16rem) * 0.7), var(--atomic-background) );\\n}\\n.is-collapsible {\\n justify-content: space-between;\\n}\\n.is-collapsible [part='answer-show-button'] {\\n display: flex;\\n}\\n.generating-label-visible [part='is-generating'] {\\n display: flex;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightGeneratedAnswerStyle0 = atomicInsightGeneratedAnswerCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightGeneratedAnswer$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightGeneratedAnswer extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.DEFAULT_COLLAPSED_HEIGHT = 16;\n this.MAX_COLLAPSED_HEIGHT = 32;\n this.MIN_COLLAPSED_HEIGHT = 9;\n this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];\n this.copied = false;\n this.copyError = false;\n /**\n * The maximum height (in rem units) of the answer when collapsed.\n *\n */\n this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n // @ts-expect-error: This function is used by BindStateToController.\n this.onGeneratedAnswerStateUpdate = () => {\n if (this.generatedAnswerState.isVisible !==\n this.generatedAnswerCommon?.data?.isVisible) {\n this.generatedAnswerCommon.data = {\n ...this.generatedAnswerCommon.data,\n isVisible: this.generatedAnswerState.isVisible,\n };\n this.generatedAnswerCommon.writeStoredData(this.generatedAnswerCommon.data);\n }\n this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());\n };\n this.setCopied = (isCopied) => {\n this.copied = isCopied;\n };\n this.setCopyError = (copyError) => {\n this.copyError = copyError;\n };\n this.setAriaMessage = (message) => {\n this.ariaMessage = message;\n };\n this.generatedAnswerState = undefined;\n this.searchStatusState = undefined;\n this.error = undefined;\n this.copied = false;\n this.copyError = false;\n this.withToggle = undefined;\n this.collapsible = undefined;\n this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;\n this.answerConfigurationId = undefined;\n this.fieldsToIncludeInCitations = undefined;\n this.disableCitationAnchoring = undefined;\n }\n initialize() {\n this.generatedAnswerCommon = new GeneratedAnswerCommon({\n host: this.host,\n withToggle: this.withToggle,\n collapsible: this.collapsible,\n disableCitationAnchoring: this.disableCitationAnchoring,\n getGeneratedAnswer: () => this.generatedAnswer,\n getGeneratedAnswerState: () => this.generatedAnswerState,\n getSearchStatusState: () => this.searchStatusState,\n getBindings: () => this.bindings,\n getCopied: () => this.copied,\n setCopied: this.setCopied,\n getCopyError: () => this.copyError,\n setCopyError: this.setCopyError,\n setAriaMessage: this.setAriaMessage,\n buildInteractiveCitation: (props) => buildInteractiveCitation(this.bindings.engine, props),\n });\n this.generatedAnswer = buildGeneratedAnswer(this.bindings.engine, {\n initialState: {\n isVisible: this.generatedAnswerCommon.data.isVisible,\n responseFormat: {\n contentFormat: ['text/markdown', 'text/plain'],\n },\n },\n ...(this.answerConfigurationId && {\n answerConfigurationId: this.answerConfigurationId,\n }),\n fieldsToIncludeInCitations: this.getCitationFields(),\n });\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.generatedAnswerCommon.insertFeedbackModal();\n if (window.ResizeObserver && this.collapsible) {\n const debouncedAdaptAnswerHeight = debounce(() => this.adaptAnswerHeight(), 100);\n this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);\n this.resizeObserver.observe(this.host);\n }\n }\n updateAnswerCollapsed(newState, oldState) {\n const newExpanded = newState.expanded;\n const oldExpanded = oldState ? oldState.expanded : undefined;\n if (newExpanded !== oldExpanded) {\n const container = this.getAnswerContainer();\n if (!container) {\n return;\n }\n this.toggleClass(container, 'answer-collapsed', !newExpanded);\n }\n }\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n toggleClass(element, className, condition) {\n element.classList.toggle(className, condition);\n }\n adaptAnswerHeight() {\n const answerHeight = this.host?.shadowRoot\n ?.querySelector('[part=\"generated-text\"]')\n ?.getBoundingClientRect().height;\n if (answerHeight) {\n const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n this.fullAnswerHeight = answerHeight / rootFontSize;\n this.updateAnswerHeight();\n }\n }\n getAnswerContainer() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-container\"]');\n }\n getAnswerFooter() {\n return this.host?.shadowRoot?.querySelector('[part=\"generated-answer-footer\"]');\n }\n getCitationFields() {\n return (this.fieldsToIncludeInCitations ?? '')\n .split(',')\n .map((field) => field.trim())\n .filter((field) => field.length > 0)\n .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS);\n }\n validateMaxCollapsedHeight() {\n const isValid = this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&\n this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;\n if (!isValid) {\n console.warn(`max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`);\n }\n return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;\n }\n setCSSVariable(variableName, value) {\n const container = this.getAnswerContainer();\n if (container) {\n container.style.setProperty(variableName, value);\n }\n }\n updateAnswerHeight() {\n const container = this.getAnswerContainer();\n const footer = this.getAnswerFooter();\n const maxHeight = this.validateMaxCollapsedHeight();\n if (!container || !footer) {\n return;\n }\n if (this.fullAnswerHeight > maxHeight) {\n this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);\n this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);\n this.toggleClass(footer, 'is-collapsible', true);\n this.toggleClass(footer, 'generating-label-visible', this.generatedAnswerState.isStreaming);\n }\n else {\n this.toggleClass(container, 'answer-collapsed', false);\n this.toggleClass(footer, 'is-collapsible', false);\n this.toggleClass(footer, 'generating-label-visible', false);\n }\n }\n render() {\n return this.generatedAnswerCommon.render();\n }\n get host() { return this; }\n static get watchers() { return {\n \"generatedAnswerState\": [\"updateAnswerCollapsed\"]\n }; }\n static get style() { return AtomicInsightGeneratedAnswerStyle0; }\n}, [1, \"atomic-insight-generated-answer\", {\n \"withToggle\": [4, \"with-toggle\"],\n \"collapsible\": [4],\n \"maxCollapsedHeight\": [2, \"max-collapsed-height\"],\n \"answerConfigurationId\": [1, \"answer-configuration-id\"],\n \"fieldsToIncludeInCitations\": [1, \"fields-to-include-in-citations\"],\n \"disableCitationAnchoring\": [4, \"disable-citation-anchoring\"],\n \"generatedAnswerState\": [32],\n \"searchStatusState\": [32],\n \"error\": [32],\n \"copied\": [32],\n \"copyError\": [32]\n }, undefined, {\n \"generatedAnswerState\": [\"updateAnswerCollapsed\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightGeneratedAnswer$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('generatedAnswer', {\n onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',\n })\n], AtomicInsightGeneratedAnswer$1.prototype, \"generatedAnswerState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightGeneratedAnswer$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n AriaLiveRegion('generated-answer')\n], AtomicInsightGeneratedAnswer$1.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-generated-answer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-generated-answer\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightGeneratedAnswer$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightGeneratedAnswer, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-generated-answer.js.map","const Clockicon = ``;\n\nexport { Clockicon as C };\n\n//# sourceMappingURL=clock.js.map","function findSection(element, section) {\n return element.querySelector(sectionSelector(section));\n}\nfunction sectionSelector(section) {\n return `atomic-layout-section[section=\"${section}\"]`;\n}\n\nexport { findSection as f, sectionSelector as s };\n\n//# sourceMappingURL=atomic-layout-section-utils.js.map","import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { r as randomID } from './utils.js';\nimport { f as findSection, s as sectionSelector } from './atomic-layout-section-utils.js';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n 'atomic-insight-refine-toggle',\n 'atomic-insight-edit-toggle',\n 'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n 'atomic-insight-smart-snippet-suggestions',\n 'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\nfunction buildInsightLayout(element, widget) {\n const id = element.id;\n const layoutSelector = `atomic-insight-layout#${id}`;\n const hasTabs = Boolean(findSection(element, 'search')?.querySelector(tabsSelector));\n const interfaceStyle = widget\n ? `\n ${layoutSelector} {\n display: grid;\n grid-template-rows: auto auto 8fr 1fr;\n max-height: 100%;\n box-sizing: border-box;\n }\n ${layoutSelector} ${refineModalSelector} {\n grid-row-start: 5;\n }`\n : '';\n const search = `${sectionSelector('search')} {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n grid-gap: 0.5rem;\n background: var(--atomic-neutral-light);\n padding-top: 1.5rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n box-sizing: border-box;\n min-width: 0;\n ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n }\n\n ${sectionSelector('search')} ${searchBoxSelector} {\n flex-grow: 1;\n height: 2.6rem;\n }\n\n ${toggleSelectors.map((toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n flex-shrink: 0;\n }`)}\n\n ${sectionSelector('search')} ${tabsSelector} {\n width: 100%;\n }\n `;\n const facets = `${sectionSelector('facets')} {\n display: none;\n }\n `;\n const results = `\n ${sectionSelector('results')} {\n overflow: auto;\n }\n\n ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n padding: 1.5rem 1.5rem 0px;\n }\n\n ${sectionSelector('results')} ${generatedAnswerSelector} {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n }\n `;\n return [interfaceStyle, search, facets, results]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightLayout$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightLayout extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Whether the interface should be shown in widget format.\n */\n this.widget = false;\n this.widget = false;\n }\n updateStyles() {\n if (this.styleTag) {\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n }\n else {\n this.makeStyleTag();\n }\n }\n makeStyleTag() {\n if (!this.bindings)\n return;\n this.styleTag = this.bindings.createStyleElement();\n this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n this.host.appendChild(this.styleTag);\n }\n componentDidLoad() {\n const id = this.host.id || randomID('atomic-insight-layout-');\n this.host.id = id;\n this.makeStyleTag();\n }\n get host() { return this; }\n static get watchers() { return {\n \"widget\": [\"updateStyles\"]\n }; }\n}, [0, \"atomic-insight-layout\", {\n \"widget\": [1540]\n }, undefined, {\n \"widget\": [\"updateStyles\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightLayout$1.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-layout\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-layout\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightLayout$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightLayout = AtomicInsightLayout$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightLayout, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-layout.js.map","import { h } from '@stencil/core/internal/client';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst NoItemsContainer = (_, children) => [\n h(\"div\", { class: \"text-on-background flex h-full w-full flex-col items-center\" }, children),\n h(\"slot\", null),\n];\n\nconst MagnifyingGlassIcon = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst MagnifyingGlass = () => (h(\"atomic-icon\", { part: \"icon\", icon: MagnifyingGlassIcon, class: \"my-6 flex w-1/2 max-w-lg flex-col items-center\" }));\n\nexport { MagnifyingGlass as M, NoItemsContainer as N };\n\n//# sourceMappingURL=stencil-magnifying-glass.js.map","import { h, Fragment } from '@stencil/core/internal/client';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead\n */\nconst LocalizedString = ({ i18n, key, params, count, }) => {\n const delimitingCharacter = '\\u001d'; // Unicode group separator\n const placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n const getPlaceholderForParamKey = (paramKey) => `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;\n const getParamFromPlaceholder = (placeholder) => params[placeholder.slice(1)];\n const placeholdersMap = Object.fromEntries(Object.keys(params).map((paramKey) => [\n paramKey,\n getPlaceholderForParamKey(paramKey),\n ]));\n const localizedStringWithPlaceholders = i18n.t(key, {\n interpolation: { escapeValue: false },\n count,\n ...placeholdersMap,\n });\n return (h(Fragment, null, localizedStringWithPlaceholders\n .split(delimitingCharacter)\n .map((text) => text.startsWith(placeholderPrefixCharacter)\n ? getParamFromPlaceholder(text)\n : text)));\n};\n\nexport { LocalizedString as L };\n\n//# sourceMappingURL=jsx-utils.js.map","import { h, Fragment, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildSearchStatus, buildQuerySummary } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass.js';\nimport { L as LocalizedString } from './jsx-utils.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst NoItemsGuard = ({ firstSearchExecuted, isLoading, hasResults }, children) => {\n if (!firstSearchExecuted || isLoading || hasResults) {\n return;\n }\n return h(Fragment, null, children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst NoItems = ({ i18n, query, i18nKey, }) => {\n const content = query ? (h(LocalizedString, { i18n: i18n, key: `${i18nKey}-for`, params: {\n query: (h(\"span\", { class: \"inline-block max-w-full truncate align-bottom font-bold whitespace-normal\", part: \"highlight\" },\n h(LocalizedString, { key: \"between-quotations\", params: { text: query }, i18n: i18n }))),\n } })) : (i18n.t(i18nKey));\n return (h(\"div\", { class: \"my-2 max-w-full text-center text-2xl font-medium\", part: \"no-results\" }, content));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SearchTips = ({ i18n }) => {\n return (h(\"div\", { class: \"text-neutral-dark my-2 text-center text-lg\", part: \"search-tips\" }, i18n.t('search-tips')));\n};\n\nconst atomicInsightNoResultsCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightNoResultsStyle0 = atomicInsightNoResultsCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightNoResults$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightNoResults extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.searchStatusState = undefined;\n this.querySummaryState = undefined;\n this.error = undefined;\n }\n initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n render() {\n const { bindings: { i18n }, } = this;\n return (h(\"div\", { key: '5c3a3eb7fed406af6976cdab890babc5b4dcb891', class: \"p-3 text-center\" }, h(NoItemsGuard, { key: 'b77fc935bbffb1f7c83dd90420b402a647cd2bc5', ...this.searchStatusState }, h(NoItemsContainer, { key: '2db747525dfa3f5916f9e254597c47991327aece' }, h(MagnifyingGlass, { key: '42d6162127eb6c0d47af27216819673fc93ef9d7' }), h(NoItems, { key: '0a30d01cf4a2d964854fc342eab23e7155d0a71f', query: this.querySummaryState.query, i18n: i18n, i18nKey: \"no-results\" }), h(SearchTips, { key: 'feb698c6fb5cbaa68f9e7bd6dfc4b6854be07a4f', i18n: i18n })))));\n }\n static get style() { return AtomicInsightNoResultsStyle0; }\n}, [1, \"atomic-insight-no-results\", {\n \"searchStatusState\": [32],\n \"querySummaryState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightNoResults$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightNoResults$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n BindStateToController('querySummary')\n], AtomicInsightNoResults$1.prototype, \"querySummaryState\", void 0);\n__decorate([\n AriaLiveRegion('no-results')\n], AtomicInsightNoResults$1.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-no-results\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-no-results\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightNoResults$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightNoResults = AtomicInsightNoResults$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightNoResults, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-no-results.js.map","import { h } from '@stencil/core/internal/client';\nimport { F as FacetValueCheckbox } from './stencil-facet-value-checkbox.js';\nimport { a as FacetValueLink, F as FacetValueLabelHighlight } from './stencil-facet-value-link.js';\nimport { g as getFieldValueCaption, F as FacetValuesGroup } from './stencil-facet-values-group.js';\n\nconst formatHumanReadable = ({ manualRanges, field, i18n, facetValue, logger, formatter, }) => {\n const manualRangeLabel = manualRanges.find((range) => areRangesEqual(range, facetValue))?.label;\n return manualRangeLabel\n ? getFieldValueCaption(field, manualRangeLabel, i18n)\n : i18n.t('to', {\n start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),\n end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),\n });\n};\nconst formatNumberLocalized = (value, i18n, logger, formatter) => {\n try {\n return formatter(value, i18n.languages);\n }\n catch (error) {\n logger.error(`atomic-numeric-facet facet value \"${value}\" could not be formatted correctly.`, error);\n return value;\n }\n};\nconst areRangesEqual = (firstRange, secondRange) => {\n return (firstRange.start === secondRange.start &&\n firstRange.end === secondRange.end &&\n firstRange.endInclusive === secondRange.endInclusive);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst NumericFacetValueLink = (props) => {\n const { facetValue, displayValuesAs, i18n, onClick } = props;\n const displayValue = formatHumanReadable(props);\n const isSelected = facetValue.state === 'selected';\n switch (displayValuesAs) {\n case 'checkbox':\n return (h(FacetValueCheckbox, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: () => onClick() },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));\n case 'link':\n return (h(FacetValueLink, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: onClick },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));\n }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst NumericFacetValuesContainer = ({ i18n, label }, children) => {\n return (h(FacetValuesGroup, { i18n: i18n, label: label },\n h(\"ul\", { class: \"mt-3\", part: \"values\" }, children)));\n};\n\nconst defaultNumberFormatter = (value, languages) => value.toLocaleString(languages);\n\nexport { NumericFacetValuesContainer as N, NumericFacetValueLink as a, defaultNumberFormatter as d, formatHumanReadable as f };\n\n//# sourceMappingURL=format-common.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, StringValue } from '@eternal-baguette/bueno';\nimport { buildNumericFacet, buildNumericRange, buildNumericFilter, buildFacetConditionsManager, buildSearchStatus, loadNumericFacetSetActions } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { M as MapProp } from './props-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { p as parseDependsOn } from './stencil-facet-values-group.js';\nimport { b as FacetContainer, c as FacetHeader } from './stencil-facet-value-link.js';\nimport { a as FacetGuard } from './stencil-facet-value-checkbox.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { d as defaultNumberFormatter, f as formatHumanReadable, N as NumericFacetValuesContainer, a as NumericFacetValueLink } from './format-common.js';\nimport { i as initializePopover } from './popover-type.js';\nimport { b as shouldDisplayInputForFacetRange } from './stencil-facet-common.js';\nimport { d as defineCustomElement$2 } from './facet-number-input.js';\n\nconst atomicInsightNumericFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities;\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\n.value-checkbox {\\n width: var(--atomic-facet-checkbox-size, 1rem);\\n height: var(--atomic-facet-checkbox-size, 1rem);\\n position: absolute;\\n left: calc(0.25rem * 2);\\n z-index: 1;\\n}\\n.value-checkbox + label {\\n display: flex;\\n width: 100%;\\n cursor: pointer;\\n flex-direction: row;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding-block: calc(0.25rem * 2.5);\\n padding-right: calc(0.25rem * 2);\\n padding-left: calc(0.25rem * 8);\\n color: var(--atomic-on-background);\\n}\\n@media (hover: hover) {\\n .value-checkbox + label:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n}\\n.value-checkbox.selected:focus-visible + label .value-label, .value-checkbox.selected:hover + label .value-label {\\n color: var(--atomic-primary);\\n}\\n.value-checkbox.excluded:focus-visible + label .value-label, .value-checkbox.excluded:hover + label .value-label {\\n color: var(--atomic-error);\\n}\\n.value-exclude-button:focus-visible atomic-icon {\\n visibility: visible;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightNumericFacetStyle0 = atomicInsightNumericFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightNumericFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.manualRanges = [];\n this.formatter = defaultNumberFormatter;\n /**\n * The non-localized label for the facet.\n * Used in the `atomic-breadbox` component through the bindings store.\n */\n this.label = 'no-label';\n /**\n * The number of values to request for this facet, when there are no manual ranges.\n * If the number of values is 0, no ranges will be displayed.\n */\n this.numberOfValues = 8;\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n */\n this.sortCriteria = 'ascending';\n /**\n * The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n */\n this.rangeAlgorithm = 'equiprobable';\n /**\n * Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n * Possible values are 'checkbox' and 'link'.\n */\n this.displayValuesAs = 'checkbox';\n /**\n * Specifies if the facet is collapsed.\n */\n this.isCollapsed = false;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n */\n this.headingLevel = 0;\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * \n *\n * \n * \n *\n * \n * \n * ```\n */\n this.dependsOn = {};\n this.facetState = undefined;\n this.filterState = undefined;\n this.searchStatusState = undefined;\n this.error = undefined;\n this.facetForInputState = undefined;\n this.facetId = undefined;\n this.label = 'no-label';\n this.field = undefined;\n this.numberOfValues = 8;\n this.withInput = undefined;\n this.sortCriteria = 'ascending';\n this.rangeAlgorithm = 'equiprobable';\n this.displayValuesAs = 'checkbox';\n this.isCollapsed = false;\n this.headingLevel = 0;\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.dependsOn = {};\n }\n initialize() {\n this.validateProps();\n this.computeFacetId();\n this.initializeFacetForInput();\n this.initializeFacetForRange();\n this.initializeFilter();\n this.initializeDependenciesManager();\n this.initializeSearchStatus();\n this.registerFacetToStore();\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n disconnectedCallback() {\n if (this.host.isConnected) {\n return;\n }\n this.dependenciesManager?.stopWatching();\n }\n initializeFacetForInput() {\n if (!this.withInput) {\n return;\n }\n this.facetForInput = buildNumericFacet(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input_range`,\n numberOfValues: 1,\n generateAutomaticRanges: true,\n field: this.field,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n return this.facetForInput;\n }\n initializeFacetForRange() {\n if (this.numberOfValues <= 0) {\n return;\n }\n this.manualRanges = Array.from(this.host.querySelectorAll('atomic-numeric-range')).map(({ start, end, endInclusive, label }) => ({\n ...buildNumericRange({ start, end, endInclusive }),\n label,\n }));\n this.facetForRange = buildNumericFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n currentValues: this.manualRanges,\n generateAutomaticRanges: !this.manualRanges.length,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n return this.facetForRange;\n }\n initializeFilter() {\n if (!this.withInput) {\n return;\n }\n this.filter = buildNumericFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n },\n });\n }\n initializeDependenciesManager() {\n this.dependenciesManager = buildFacetConditionsManager(this.bindings.engine, {\n facetId: this.facetForRange?.state.facetId ?? this.filter.state.facetId,\n conditions: parseDependsOn(this.dependsOn),\n });\n }\n initializeSearchStatus() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n registerFacetToStore() {\n const facetInfo = {\n label: () => this.bindings.i18n.t(this.label),\n facetId: this.facetId,\n element: this.host,\n isHidden: () => this.isHidden,\n };\n this.bindings.store.registerFacet('numericFacets', {\n ...facetInfo,\n format: (value) => formatHumanReadable({\n facetValue: value,\n logger: this.bindings.engine.logger,\n i18n: this.bindings.i18n,\n field: this.field,\n manualRanges: this.manualRanges,\n formatter: this.formatter,\n }),\n });\n initializePopover(this.host, {\n ...facetInfo,\n hasValues: () => this.hasValues,\n numberOfActiveValues: () => this.numberOfSelectedValues,\n });\n if (this.filter) {\n this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n this.bindings.store.state.numericFacets[this.facetId];\n }\n }\n setFormat(event) {\n event.preventDefault();\n event.stopPropagation();\n this.formatter = event.detail;\n }\n applyNumberInput() {\n this.facetId &&\n this.bindings.engine.dispatch(loadNumericFacetSetActions(this.bindings.engine).deselectAllNumericFacetValues(this.facetId));\n }\n render() {\n const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;\n return (h(FacetGuard, { key: '9b90cccc1a344d0658b9fbf4a555a530ab52d1ae', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {\n focusTarget.focusAfterSearch();\n if (this.filterState?.range) {\n this.filter?.clear();\n return;\n }\n this.facetForRange?.deselectAll();\n }, numberOfActiveValues: numberOfSelectedValues, isCollapsed: isCollapsed, headingLevel: headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => focusTarget.setTarget(el) }), !isCollapsed && [\n this.shouldRenderValues && this.renderValues(),\n this.shouldRenderInput && (h(\"atomic-facet-number-input\", { type: withInput, bindings: this.bindings, label: label, filter: filter, filterState: filter.state })),\n ])) : (h(FacetPlaceholder, { isCollapsed: this.isCollapsed, numberOfValues: this.numberOfValues }))));\n }\n renderValues() {\n const { displayValuesAs, field, manualRanges, label, bindings: { i18n, engine: { logger }, }, } = this;\n return (h(NumericFacetValuesContainer, { i18n: i18n, label: label }, this.valuesToRender.map((value) => (h(NumericFacetValueLink, { formatter: this.formatter, displayValuesAs: displayValuesAs, facetValue: value, field: field, i18n: i18n, logger: logger, manualRanges: manualRanges, onClick: () => this.displayValuesAs === 'link'\n ? this.facetForRange.toggleSingleSelect(value)\n : this.facetForRange.toggleSelect(value) })))));\n }\n get numberOfSelectedValues() {\n if (this.filter?.state.range) {\n return 1;\n }\n return (this.facetForRange?.state.values.filter(({ state }) => state === 'selected')\n .length || 0);\n }\n get shouldRenderValues() {\n return (!this.hasInputRange &&\n this.numberOfValues > 0 &&\n !!this.valuesToRender.length);\n }\n get hasInputRange() {\n return !!this.filter?.state.range;\n }\n get valuesToRender() {\n return (this.facetForRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);\n }\n get shouldRenderInput() {\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: this.searchStatusState,\n facetValues: this.facetForInput?.state.values || [],\n hasInput: !!this.withInput,\n });\n }\n computeFacetId() {\n if (this.facetId) {\n return;\n }\n if (this.bindings.store.state.numericFacets[this.field]) {\n this.facetId = randomID(`${this.field}_`);\n }\n this.facetId = this.field;\n }\n get isHidden() {\n return !this.shouldRenderFacet || !this.facetState.enabled;\n }\n get shouldRenderFacet() {\n return this.shouldRenderInput || this.shouldRenderValues;\n }\n get hasValues() {\n if (this.facetForInput?.state.values.length) {\n return true;\n }\n return !!this.valuesToRender.length;\n }\n get enabled() {\n return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n }\n validateProps() {\n new Schema({\n displayValuesAs: new StringValue({ constrainTo: ['checkbox', 'link'] }),\n withInput: new StringValue({ constrainTo: ['integer', 'decimal'] }),\n }).validate({\n displayValuesAs: this.displayValuesAs,\n withInput: this.withInput,\n });\n }\n get host() { return this; }\n static get style() { return AtomicInsightNumericFacetStyle0; }\n}, [1, \"atomic-insight-numeric-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"label\": [513],\n \"field\": [513],\n \"numberOfValues\": [514, \"number-of-values\"],\n \"withInput\": [513, \"with-input\"],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"rangeAlgorithm\": [513, \"range-algorithm\"],\n \"displayValuesAs\": [513, \"display-values-as\"],\n \"isCollapsed\": [1540, \"is-collapsed\"],\n \"headingLevel\": [514, \"heading-level\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [514, \"injection-depth\"],\n \"dependsOn\": [16],\n \"facetState\": [32],\n \"filterState\": [32],\n \"searchStatusState\": [32],\n \"error\": [32],\n \"facetForInputState\": [32]\n }, [[0, \"atomic/numberFormat\", \"setFormat\"], [0, \"atomic/numberInputApply\", \"applyNumberInput\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicInsightNumericFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facetForRange')\n], AtomicInsightNumericFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n BindStateToController('filter')\n], AtomicInsightNumericFacet$1.prototype, \"filterState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightNumericFacet$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n BindStateToController('facetForInput')\n], AtomicInsightNumericFacet$1.prototype, \"facetForInputState\", void 0);\n__decorate([\n MapProp()\n], AtomicInsightNumericFacet$1.prototype, \"dependsOn\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-numeric-facet\", \"atomic-facet-number-input\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-numeric-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightNumericFacet$1);\n }\n break;\n case \"atomic-facet-number-input\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightNumericFacet = AtomicInsightNumericFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightNumericFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-numeric-facet.js.map","import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';\nimport { buildSearchStatus, buildPager } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { r as randomID } from './utils.js';\nimport { B as Button } from './stencil-button.js';\nimport { R as RadioButton } from './stencil-radio-button.js';\n\nconst ArrowLeftIcon = ``;\n\nconst ArrowRightIcon = ``;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst PagerPreviousButton = (props) => {\n return (h(Button, { ...props, ariaLabel: props.i18n.t('previous'), style: \"outline-primary\", part: \"previous-button\", class: \"flex min-h-10 min-w-10 items-center justify-center p-1\" },\n h(\"atomic-icon\", { icon: props.icon, part: \"previous-button-icon\", class: \"w-5 align-middle\" })));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst PagerNextButton = (props) => {\n return (h(Button, { ...props, ariaLabel: props.i18n.t('next'), style: \"outline-primary\", part: \"next-button\", class: \"flex min-h-10 min-w-10 items-center justify-center p-1\" },\n h(\"atomic-icon\", { icon: props.icon, part: \"next-button-icon\", class: \"w-5 align-middle\" })));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst PagerPageButton = (props) => {\n return (h(RadioButton, { ...props, selectWhenFocused: false, key: props.page, style: \"outline-neutral\", checked: props.isSelected, ariaCurrent: props.isSelected ? 'page' : 'false', class: \"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\", part: `page-button${props.isSelected ? ' active-page-button' : ''}` }));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst PagerPageButtons = (props, children) => {\n return (h(\"div\", { part: \"page-buttons\", role: \"radiogroup\", \"aria-label\": props.i18n.t('pagination'), class: \"contents\" }, ...children));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst PagerNavigation = (props, children) => {\n return (h(\"nav\", { \"aria-label\": props.i18n.t('pagination') },\n h(\"div\", { part: \"buttons\", role: \"toolbar\", class: \"flex flex-wrap gap-2\" }, ...children)));\n};\n\nconst atomicInsightPagerCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='page-button'] {\\n background-color: transparent;\\n}\\n:host {\\n box-sizing: content-box;\\n display: flex;\\n height: 100%;\\n align-items: center;\\n justify-content: center;\\n background-color: var(--atomic-neutral-light);\\n padding-inline: calc(0.25rem * 6);\\n padding-block: calc(0.25rem * 4);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightPagerStyle0 = atomicInsightPagerCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightPager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightPager extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.scrollToTopEvent = createEvent(this, \"atomic/scrollToTop\", 7);\n /**\n * Specifies how many page buttons to display in the pager.\n */\n this.numberOfPages = 5;\n this.radioGroupName = randomID('atomic-insight-pager-');\n this.pagerState = undefined;\n this.searchStatusState = undefined;\n this.error = undefined;\n this.numberOfPages = 5;\n }\n initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.pager = buildPager(this.bindings.engine, {\n options: { numberOfPages: this.numberOfPages },\n });\n }\n async focusOnFirstResultAndScrollToTop() {\n await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n this.scrollToTopEvent.emit();\n }\n render() {\n return (h(Host, { key: '620a6af7a22e1f1b130780aa9e3dd4067e3d8e12' }, h(PagerNavigation, { key: 'e7a9eb276fb14609d220694539b052c93ded3a61', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: 'afb4f19c963caf0d48be5cdd135ce2078dd79588', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {\n this.pager.previousPage();\n this.focusOnFirstResultAndScrollToTop();\n } }), h(PagerPageButtons, { key: '1d108466a891ff23266d08c441c538666014ee84', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {\n return (h(PagerPageButton, { isSelected: this.pager.isCurrentPage(pageNumber), ariaLabel: this.bindings.i18n.t('page-number', { pageNumber }), onChecked: () => {\n this.pager.selectPage(pageNumber);\n this.focusOnFirstResultAndScrollToTop();\n }, page: pageNumber, groupName: this.radioGroupName, text: pageNumber.toLocaleString(this.bindings.i18n.language) }));\n })), h(PagerNextButton, { key: 'bc3f3549a6688067e6ef041a9e2f06018dfd2a08', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {\n this.pager.nextPage();\n this.focusOnFirstResultAndScrollToTop();\n } }))));\n }\n static get style() { return AtomicInsightPagerStyle0; }\n}, [1, \"atomic-insight-pager\", {\n \"numberOfPages\": [514, \"number-of-pages\"],\n \"pagerState\": [32],\n \"searchStatusState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightPager$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('pager')\n], AtomicInsightPager$1.prototype, \"pagerState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightPager$1.prototype, \"searchStatusState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-pager\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-pager\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightPager$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightPager = AtomicInsightPager$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightPager, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-pager.js.map","import { h, Fragment } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorDetails = ({ error, show, }) => {\n if (!show) {\n return;\n }\n return (h(\"pre\", { part: \"error-info\", class: \"border-neutral bg-neutral-light mt-8 rounded border p-3 text-left whitespace-pre-wrap\" },\n h(\"code\", null, JSON.stringify(error, null, 2))));\n};\n\nconst CannotAccess = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\nconst Indexing = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\nconst NoConnection = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\nconst SearchInactive = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\nconst SomethingWrong = `\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorIcon = ({ errorType, }) => {\n const getIconFromErrorType = () => {\n switch (errorType) {\n case 'Disconnected':\n return NoConnection;\n case 'NoEndpointsException':\n return Indexing;\n case 'InvalidTokenException':\n return CannotAccess;\n case 'OrganizationIsPausedException':\n return SearchInactive;\n default:\n return SomethingWrong;\n }\n };\n return (h(\"atomic-icon\", { part: \"icon\", icon: getIconFromErrorType(), class: \"w-1/2 max-w-lg\" }));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorShowMore = ({ i18n, onShowMore, link }) => {\n if (link) {\n return link;\n }\n return (h(Button, { part: \"more-info-btn\", style: \"primary\", class: \"mt-8 p-3\", onClick: () => {\n onShowMore();\n }, text: i18n.t('more-info') }));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorContainer = (_, children) => {\n return h(\"div\", { class: \"p-8 text-center\" }, children);\n};\n\nconst getErrorTitleFromErrorType = (i18n, organizationId, errorType) => {\n switch (errorType) {\n case 'Disconnected':\n return i18n.t('disconnected');\n case 'NoEndpointsException':\n return i18n.t('no-endpoints', { org: organizationId });\n case 'InvalidTokenException':\n return i18n.t('cannot-access', { org: organizationId });\n case 'OrganizationIsPausedException':\n return i18n.t('organization-is-paused', { org: organizationId });\n default:\n return i18n.t('something-went-wrong');\n }\n};\nconst getErrorDescriptionFromErrorType = (i18n, organizationId, url, errorType) => {\n switch (errorType) {\n case 'Disconnected':\n return i18n.t('check-your-connection', { url });\n case 'NoEndpointsException':\n return i18n.t('add-sources');\n case 'InvalidTokenException':\n return i18n.t('invalid-token');\n case 'OrganizationIsPausedException':\n return i18n.t('organization-will-resume', {\n org: organizationId,\n });\n default:\n return i18n.t('if-problem-persists');\n }\n};\nconst getAriaMessageFromErrorType = (i18n, organizationId, platformUrl, errorType) => {\n return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorDescription = ({ errorType, i18n, url, organizationId }) => {\n return (h(\"p\", { part: \"description\", class: \"text-neutral-dark mt-2.5 text-lg\" }, getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorGuard = ({ hasError }, children) => {\n if (!hasError) {\n return;\n }\n return h(Fragment, null, children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorTitle = ({ errorType, i18n, organizationId, }) => {\n return (h(\"p\", { part: \"title\", class: \"text-on-background mt-8 text-2xl\" }, getErrorTitleFromErrorType(i18n, organizationId, errorType)));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QueryErrorLink = ({ errorType, i18n, }) => {\n const getErrorLink = () => {\n switch (errorType) {\n case 'NoEndpointsException':\n return 'https://docs.coveo.com/en/mcc80216';\n case 'InvalidTokenException':\n return 'https://docs.coveo.com/en/102';\n case 'OrganizationIsPausedException':\n return 'https://docs.coveo.com/l6af0467';\n default:\n return null;\n }\n };\n const link = getErrorLink();\n return link ? (h(\"a\", { href: link, part: \"doc-link\", class: \"btn-primary mt-10 inline-block p-3\" }, i18n.t('coveo-online-help'))) : null;\n};\n\nexport { QueryErrorGuard as Q, QueryErrorContainer as a, QueryErrorIcon as b, QueryErrorTitle as c, QueryErrorDescription as d, QueryErrorShowMore as e, QueryErrorLink as f, getAriaMessageFromErrorType as g, QueryErrorDetails as h };\n\n//# sourceMappingURL=stencil-link.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildQueryError, getOrganizationEndpoint } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { g as getAriaMessageFromErrorType, Q as QueryErrorGuard, a as QueryErrorContainer, b as QueryErrorIcon, c as QueryErrorTitle, d as QueryErrorDescription, e as QueryErrorShowMore, f as QueryErrorLink, h as QueryErrorDetails } from './stencil-link.js';\n\nconst atomicInsightQueryErrorCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightQueryErrorStyle0 = atomicInsightQueryErrorCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicQueryError = /*@__PURE__*/ proxyCustomElement(class AtomicQueryError extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.showMoreInfo = false;\n this.queryErrorState = undefined;\n this.error = undefined;\n this.showMoreInfo = false;\n }\n initialize() {\n this.queryError = buildQueryError(this.bindings.engine);\n }\n render() {\n const { hasError, error } = this.queryErrorState;\n const { bindings: { i18n, engine: { state: { configuration: { organizationId, environment }, }, }, }, } = this;\n const url = getOrganizationEndpoint(organizationId, environment);\n if (hasError) {\n this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);\n }\n return (h(QueryErrorGuard, { key: 'f8f46aa532ef39085185e75565d5ced19cee021e', hasError: hasError }, h(QueryErrorContainer, { key: '09ddaf8894f6f5b58bcb93d0e6565e4b3ae370e1' }, h(QueryErrorIcon, { key: '953e36b2834fde748e7d3270d368f89c32fd131d', errorType: error?.type }), h(QueryErrorTitle, { key: '99cefca21af8466bb0ab7d33fe169ccfad4acf14', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '96c00ec97ecec87429b4e8e060a43808bb9983c5', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '88f980c7ff72754c3730b9768b132eab1dfc8fdb', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'cb988583bca21a7995b00b0ecbb48e798cf2de1a', error: error, show: this.showMoreInfo }))));\n }\n static get style() { return AtomicInsightQueryErrorStyle0; }\n}, [1, \"atomic-insight-query-error\", {\n \"queryErrorState\": [32],\n \"error\": [32],\n \"showMoreInfo\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicQueryError.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('queryError')\n], AtomicQueryError.prototype, \"queryErrorState\", void 0);\n__decorate([\n AriaLiveRegion('query-error')\n], AtomicQueryError.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-query-error\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-query-error\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicQueryError);\n }\n break;\n } });\n}\n\nconst AtomicInsightQueryError = AtomicQueryError;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightQueryError, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-query-error.js.map","import { h, Fragment, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildQuerySummary } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { L as LocalizedString } from './jsx-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuerySummaryContainer = ({ additionalClasses }, children) => {\n return (h(\"div\", { class: `text-on-background${additionalClasses ? ` ${additionalClasses}` : ''}`, part: \"container\" }, children));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuerySummaryGuard = ({ hasResults, hasError, firstSearchExecuted }, children) => {\n if (hasError || (!hasResults && firstSearchExecuted)) {\n return;\n }\n if (!firstSearchExecuted) {\n return (h(\"div\", { part: \"placeholder\", \"aria-hidden\": \"true\", class: \"bg-neutral my-2 h-6 w-60 animate-pulse rounded\" }));\n }\n return h(Fragment, null, children);\n};\n\nconst WrapHighlight = (props, children) => {\n return (h(\"span\", { class: \"font-bold\", part: `highlight${props.part ? ` ${props.part}` : ''}` }, children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst getQuerySummaryI18nParameters = (props) => {\n return getQuerySummaryData(props, {\n loadingStatus: 'loading-results',\n itemsForQuery: 'showing-results-of-with-query',\n allItems: 'showing-results-of',\n });\n};\nconst getQuerySummaryData = ({ first, last, query, total, isLoading, i18n }, { allItems, itemsForQuery, loadingStatus }) => {\n const i18nKey = query !== '' ? itemsForQuery : allItems;\n const locale = i18n.language;\n const params = {\n first: first.toLocaleString(locale),\n last: last.toLocaleString(locale),\n total: total.toLocaleString(locale),\n query: query,\n count: last,\n };\n const highlights = {\n first: h(WrapHighlight, null, params.first),\n last: h(WrapHighlight, null, params.last),\n total: h(WrapHighlight, null, params.total),\n query: h(WrapHighlight, { part: \"query\" }, params.query),\n };\n const ariaLiveMessage = isLoading\n ? i18n.t(loadingStatus)\n : i18n.t(i18nKey, params);\n return { i18nKey, highlights, ariaLiveMessage };\n};\n\nconst atomicInsightQuerySummaryCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host {\\n overflow: hidden;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightQuerySummaryStyle0 = atomicInsightQuerySummaryCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicQuerySummary = /*@__PURE__*/ proxyCustomElement(class AtomicQuerySummary extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.querySummaryState = undefined;\n this.error = undefined;\n }\n initialize() {\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n render() {\n const { hasError, hasQuery, hasResults, firstSearchExecuted, firstResult, lastResult, isLoading, query, total, } = this.querySummaryState;\n const { ariaLiveMessage, highlights, i18nKey } = getQuerySummaryI18nParameters({\n first: firstResult,\n i18n: this.bindings.i18n,\n isLoading,\n last: lastResult,\n query,\n total,\n });\n if (hasQuery) {\n this.ariaMessage = ariaLiveMessage;\n return (h(QuerySummaryGuard, { firstSearchExecuted: firstSearchExecuted, hasResults: hasResults, hasError: hasError }, h(QuerySummaryContainer, { additionalClasses: \"px-6 py-4\" }, h(LocalizedString, { key: i18nKey, i18n: this.bindings.i18n, params: highlights, count: total }))));\n }\n if (this.querySummaryState.hasError) {\n return;\n }\n return (h(\"div\", { class: \"bg-[#F1F2FF] px-6 py-4 text-[#54698D] italic\" }, this.bindings.i18n.t('insight-related-cases')));\n }\n static get style() { return AtomicInsightQuerySummaryStyle0; }\n}, [1, \"atomic-insight-query-summary\", {\n \"querySummaryState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicQuerySummary.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('querySummary')\n], AtomicQuerySummary.prototype, \"querySummaryState\", void 0);\n__decorate([\n AriaLiveRegion('query-summary')\n], AtomicQuerySummary.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-query-summary\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-query-summary\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicQuerySummary);\n }\n break;\n } });\n}\n\nconst AtomicInsightQuerySummary = AtomicQuerySummary;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightQuerySummary, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-query-summary.js.map","import { p as popoverClass } from './popover-type.js';\nimport { i as isRefineModalFacet } from './store.js';\n\nfunction getClonedFacetElements(facetElements, collapseFacetsAfter, root) {\n const divSlot = document.createElement('div');\n divSlot.setAttribute('slot', 'facets');\n divSlot.style.display = 'flex';\n divSlot.style.flexDirection = 'column';\n divSlot.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n const allFacetTags = Array.from(new Set(facetElements.map((el) => el.tagName.toLowerCase())));\n const allFacetsInOrderInDOM = allFacetTags.length\n ? root.querySelectorAll(allFacetTags.join(','))\n : [];\n allFacetsInOrderInDOM.forEach((facetElement, index) => {\n const clone = facetElement.cloneNode(true);\n clone.isCollapsed = index + 1 > collapseFacetsAfter;\n clone.classList.remove(popoverClass);\n clone.setAttribute(isRefineModalFacet, '');\n divSlot.append(clone);\n });\n return divSlot;\n}\n\nexport { getClonedFacetElements as g };\n\n//# sourceMappingURL=cloned-facet-elements.js.map","import { h } from '@stencil/core/internal/client';\nimport { C as CloseIcon } from './close.js';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { B as Button } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RefineModal = (props, children) => {\n const flushFacetElements = () => {\n props.host.querySelector('div[slot=\"facets\"]')?.remove();\n };\n const renderHeader = () => {\n return (h(\"div\", { slot: \"header\", class: \"contents\" },\n h(\"h1\", { part: \"title\", class: \"truncate\" }, props.title),\n h(Button, { style: \"text-transparent\", class: \"grid place-items-center\", part: \"close-button\", onClick: props.onClose, ariaLabel: props.i18n.t('close') },\n h(\"atomic-icon\", { part: \"close-icon\", class: \"h-5 w-5\", icon: CloseIcon }))));\n };\n const renderFooter = () => {\n return (h(\"div\", { part: \"footer-content\", slot: \"footer\" },\n h(Button, { style: \"primary\", part: \"footer-button\", class: \"flex w-full justify-center p-3 text-lg\", onClick: props.onClose },\n h(\"span\", { part: \"footer-button-text\", class: \"mr-1 truncate\" }, props.i18n.t('view-results')),\n h(\"span\", { part: \"footer-button-count\" }, props.i18n.t('between-parentheses', {\n text: props.numberOfItems.toLocaleString(props.i18n.language),\n })))));\n };\n return (h(\"atomic-modal\", { fullscreen: true, isOpen: props.isOpen, source: props.openButton, container: props.host, close: props.onClose, onAnimationEnded: () => {\n if (!props.isOpen) {\n flushFacetElements();\n }\n }, exportparts: ATOMIC_MODAL_EXPORT_PARTS, boundary: props.boundary, scope: props.scope },\n renderHeader(),\n ...children,\n renderFooter()));\n};\n\nexport { RefineModal as R };\n\n//# sourceMappingURL=stencil-modal.js.map","import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { buildQuerySummary, buildBreadcrumbManager } from '@eternal-baguette/headless/insight';\nimport { r as rectEquals } from './dom-utils.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { g as getClonedFacetElements } from './cloned-facet-elements.js';\nimport { R as RefineModal } from './stencil-modal.js';\nimport { B as Button } from './stencil-button.js';\n\nconst atomicInsightRefineModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\";\nconst AtomicInsightRefineModalStyle0 = atomicInsightRefineModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicInsightRefineModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n this.querySummaryState = undefined;\n this.breadcrumbManagerState = undefined;\n this.error = undefined;\n this.interfaceDimensions = undefined;\n this.openButton = undefined;\n this.isOpen = false;\n }\n watchEnabled(isOpen) {\n if (isOpen) {\n if (!this.host.querySelector('div[slot=\"facets\"]')) {\n this.host.append(getClonedFacetElements(this.bindings.store.getFacetElements(), 0, this.bindings.interfaceElement));\n }\n this.onAnimationFrame();\n }\n }\n onAnimationFrame() {\n if (!this.isOpen) {\n return;\n }\n if (this.dimensionChanged()) {\n this.updateDimensions();\n }\n window.requestAnimationFrame(() => this.onAnimationFrame());\n }\n dimensionChanged() {\n if (!this.interfaceDimensions) {\n return true;\n }\n return !rectEquals(this.interfaceDimensions, this.bindings.interfaceElement.getBoundingClientRect());\n }\n updateDimensions() {\n this.interfaceDimensions =\n this.bindings.interfaceElement.getBoundingClientRect();\n }\n initialize() {\n this.querySummary = buildQuerySummary(this.bindings.engine);\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n }\n renderHeader() {\n return (h(\"div\", { class: \"flex justify-between w-full mb-3\" }, this.breadcrumbManagerState.hasBreadcrumbs && (h(Button, { onClick: () => this.breadcrumbManager.deselectAll(), style: \"text-primary\", text: this.bindings.i18n.t('clear-all-filters'), class: \"px-2 py-1\" }))));\n }\n renderBody() {\n if (!this.bindings.store.getFacetElements().length) {\n return h(Hidden, null);\n }\n return (h(\"aside\", { slot: \"body\", class: \"flex flex-col w-full\", \"aria-label\": this.bindings.i18n.t('refine-modal-content') }, this.renderHeader(), h(\"slot\", { name: \"facets\" })));\n }\n render() {\n return (h(Host, { key: '08875de3f3fe8c172f2661214804ed28b35ebad5' }, this.interfaceDimensions && (h(\"style\", { key: 'de59c674ae7fff0610f06af1bf74e2e0b107b59c' }, `atomic-modal::part(backdrop) {\n top: ${this.interfaceDimensions.top}px;\n left: ${this.interfaceDimensions.left}px;\n width: ${this.interfaceDimensions.width}px;\n height: ${this.interfaceDimensions.height}px;\n }`)), h(RefineModal, { key: 'efd211048a50ee0af3a0ac9a3efc42fd90fd842e', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, scope: this.bindings.interfaceElement }, this.renderBody())));\n }\n componentDidLoad() {\n this.host.style.display = '';\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchEnabled\"]\n }; }\n static get style() { return AtomicInsightRefineModalStyle0; }\n}, [1, \"atomic-insight-refine-modal\", {\n \"openButton\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"querySummaryState\": [32],\n \"breadcrumbManagerState\": [32],\n \"error\": [32],\n \"interfaceDimensions\": [32]\n }, undefined, {\n \"isOpen\": [\"watchEnabled\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightRefineModal.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('querySummary')\n], AtomicInsightRefineModal.prototype, \"querySummaryState\", void 0);\n__decorate([\n BindStateToController('breadcrumbManager')\n], AtomicInsightRefineModal.prototype, \"breadcrumbManagerState\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-refine-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-refine-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightRefineModal);\n }\n break;\n } });\n}\n\nexport { AtomicInsightRefineModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-insight-refine-modal2.js.map","const FilterIcon = `\n\n\n`;\n\nexport { FilterIcon as F };\n\n//# sourceMappingURL=filter.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildBreadcrumbManager, buildSearchStatus } from '@eternal-baguette/headless/insight';\nimport { F as FilterIcon } from './filter.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { d as defineCustomElement$2 } from './atomic-insight-refine-modal2.js';\n\nconst atomicInsightRefineToggleCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightRefineToggleStyle0 = atomicInsightRefineToggleCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightRefineToggle extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.error = undefined;\n this.breadcrumbManagerState = undefined;\n this.searchStatusState = undefined;\n }\n get numberOfBreadcrumbs() {\n return [\n ...this.breadcrumbManagerState.facetBreadcrumbs,\n ...this.breadcrumbManagerState.categoryFacetBreadcrumbs,\n ...this.breadcrumbManagerState.numericFacetBreadcrumbs,\n ...this.breadcrumbManagerState.dateFacetBreadcrumbs,\n ...this.breadcrumbManagerState.staticFilterBreadcrumbs,\n ].length;\n }\n initialize() {\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n enableModal() {\n this.modalRef && (this.modalRef.isOpen = true);\n }\n loadModal() {\n if (this.modalRef) {\n return;\n }\n this.modalRef = document.createElement('atomic-insight-refine-modal');\n this.host.parentElement?.insertAdjacentElement('beforebegin', this.modalRef);\n this.modalRef.openButton = this.buttonRef;\n }\n render() {\n return (h(IconButton, { key: '8ed7cc374fe24ccde72f96fcddea327e5697b18b', partPrefix: \"insight-refine-toggle\", style: \"outline-neutral\", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {\n this.bindings.store.waitUntilAppLoaded(() => {\n this.enableModal();\n });\n }, buttonRef: (button) => {\n if (!button) {\n return;\n }\n this.buttonRef = button;\n this.loadModal();\n }, badge: this.breadcrumbManagerState.hasBreadcrumbs ? (h(\"slot\", null, this.numberOfBreadcrumbs.toString())) : undefined }));\n }\n get host() { return this; }\n static get style() { return AtomicInsightRefineToggleStyle0; }\n}, [1, \"atomic-insight-refine-toggle\", {\n \"error\": [32],\n \"breadcrumbManagerState\": [32],\n \"searchStatusState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightRefineToggle$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('breadcrumbManager')\n], AtomicInsightRefineToggle$1.prototype, \"breadcrumbManagerState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightRefineToggle$1.prototype, \"searchStatusState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-refine-toggle\", \"atomic-insight-refine-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-refine-toggle\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightRefineToggle$1);\n }\n break;\n case \"atomic-insight-refine-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightRefineToggle = AtomicInsightRefineToggle$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightRefineToggle, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-refine-toggle.js.map","const AttachIcon = `\n\n\n`;\n\nexport { AttachIcon as A };\n\n//# sourceMappingURL=attach.js.map","const QuickviewIcon = `\n\n\n`;\n\nexport { QuickviewIcon as Q };\n\n//# sourceMappingURL=preview.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { loadInsightAnalyticsActions } from '@eternal-baguette/headless/insight';\nimport { A as AttachIcon } from './attach.js';\nimport { Q as QuickviewIcon } from './preview.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { R as ResultContext } from './stencil-result-template-decorators.js';\n\nconst CopyIcon = `\n\n\n`;\n\nconst EmailIcon = `\n\n\n`;\n\nconst FeedIcon = `\n\n\n`;\n\nconst atomicInsightResultActionCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host::part(result-action-button) {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n height: calc(0.25rem * 8);\\n width: calc(0.25rem * 8);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultActionStyle0 = atomicInsightResultActionCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Actions;\n(function (Actions) {\n Actions[\"CopyToClipboard\"] = \"copyToClipboard\";\n Actions[\"AttachToCase\"] = \"attachToCase\";\n Actions[\"Quickview\"] = \"quickview\";\n Actions[\"PostToFeed\"] = \"postToFeed\";\n Actions[\"SendAsEmail\"] = \"sendAsEmail\";\n})(Actions || (Actions = {}));\nconst AtomicInsightResultAction$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultAction extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.actionClicked = createEvent(this, \"atomicInsightResultActionClicked\", 7);\n /**\n * Specify the result action icon to display.\n */\n this.icon = '';\n /**\n * The text tooltip to show on the result action icon.\n */\n this.tooltip = '';\n /**\n * The text tooltip to show on the result action icon for some time after clicking the button.\n */\n this.tooltipOnClick = '';\n /**\n * The type of action to perform when the result action is clicked. This will be sent along the event fired when the button is clicked.\n */\n this.action = '';\n this.error = undefined;\n this.icon = '';\n this.tooltip = '';\n this.tooltipOnClick = '';\n this.action = '';\n }\n initialize() {\n this.actions = loadInsightAnalyticsActions(this.bindings.engine);\n }\n onClick() {\n if (this.tooltipOnClick) {\n const originalTooltip = this.tooltip;\n this.tooltip = this.tooltipOnClick;\n setTimeout(() => {\n this.tooltip = originalTooltip;\n }, 1000);\n }\n switch (this.action) {\n case Actions.CopyToClipboard:\n this.bindings.engine.dispatch(this.actions.logCopyToClipboard(this.result));\n navigator.clipboard.writeText(this.result?.clickUri);\n break;\n case Actions.PostToFeed:\n this.bindings.engine.dispatch(this.actions.logFeedItemTextPost(this.result));\n break;\n case Actions.SendAsEmail:\n this.bindings.engine.dispatch(this.actions.logCaseSendEmail(this.result));\n break;\n }\n this.actionClicked.emit({ action: this.action, result: this.result });\n }\n getIcon() {\n if (this.icon) {\n return this.icon;\n }\n switch (this.action) {\n case Actions.CopyToClipboard:\n return CopyIcon;\n case Actions.AttachToCase:\n return AttachIcon;\n case Actions.Quickview:\n return QuickviewIcon;\n case Actions.PostToFeed:\n return FeedIcon;\n case Actions.SendAsEmail:\n return EmailIcon;\n default:\n return QuickviewIcon;\n }\n }\n render() {\n return (h(IconButton, { key: '053070eca86d4ab1a7a9a8bd042091640a339068', partPrefix: \"result-action\", style: \"outline-neutral\", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));\n }\n static get style() { return AtomicInsightResultActionStyle0; }\n}, [0, \"atomic-insight-result-action\", {\n \"icon\": [1025],\n \"tooltip\": [1025],\n \"tooltipOnClick\": [1025, \"tooltip-on-click\"],\n \"action\": [1025],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightResultAction$1.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicInsightResultAction$1.prototype, \"result\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-action\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-action\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultAction$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightResultAction = AtomicInsightResultAction$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultAction, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-action.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { buildAttachToCase } from '@eternal-baguette/headless/insight';\nimport { A as AttachIcon } from './attach.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { R as ResultContext } from './stencil-result-template-decorators.js';\n\nconst DetachIcon = `\n\n\n`;\n\nconst atomicInsightResultAttachToCaseActionCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultAttachToCaseActionStyle0 = atomicInsightResultAttachToCaseActionCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultAttachToCaseAction$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultAttachToCaseAction extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.attach = createEvent(this, \"atomic/insight/attachToCase/attach\", 7);\n this.detach = createEvent(this, \"atomic/insight/attachToCase/detach\", 7);\n this.error = undefined;\n this.attachToCaseState = undefined;\n }\n initialize() {\n const caseId = this.bindings.engine.state.insightCaseContext?.caseId || '';\n this.attachToCase = buildAttachToCase(this.bindings.engine, {\n options: {\n result: this.result,\n caseId: caseId,\n },\n });\n }\n onClick() {\n if (this.attachToCase.isAttached()) {\n this.detach.emit({\n callback: this.attachToCase.detach,\n result: this.result,\n });\n }\n else {\n this.attach.emit({\n callback: this.attachToCase.attach,\n result: this.result,\n });\n }\n }\n getIcon() {\n return this.attachToCase.isAttached() ? DetachIcon : AttachIcon;\n }\n getTooltip() {\n return this.attachToCase.isAttached()\n ? this.bindings.i18n.t('detach-from-case')\n : this.bindings.i18n.t('attach-to-case');\n }\n render() {\n return (h(IconButton, { key: 'd5d723313b66df23d8bf687dd8695892063441db', partPrefix: \"result-action\", style: \"outline-neutral\", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));\n }\n get host() { return this; }\n static get style() { return AtomicInsightResultAttachToCaseActionStyle0; }\n}, [0, \"atomic-insight-result-attach-to-case-action\", {\n \"error\": [32],\n \"attachToCaseState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightResultAttachToCaseAction$1.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicInsightResultAttachToCaseAction$1.prototype, \"result\", void 0);\n__decorate([\n BindStateToController('attachToCase')\n], AtomicInsightResultAttachToCaseAction$1.prototype, \"attachToCaseState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-attach-to-case-action\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-attach-to-case-action\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultAttachToCaseAction$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightResultAttachToCaseAction = AtomicInsightResultAttachToCaseAction$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultAttachToCaseAction, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-attach-to-case-action.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildAttachToCase } from '@eternal-baguette/headless/insight';\nimport { A as AttachIcon } from './attach.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { R as ResultContext } from './stencil-result-template-decorators.js';\n\nconst atomicInsightResultAttachToCaseIndicatorCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultAttachToCaseIndicatorStyle0 = atomicInsightResultAttachToCaseIndicatorCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultAttachToCaseIndicator$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultAttachToCaseIndicator extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.error = undefined;\n this.attachToCaseState = undefined;\n }\n initialize() {\n const caseId = this.bindings.engine.state.insightCaseContext?.caseId || '';\n this.attachToCase = buildAttachToCase(this.bindings.engine, {\n options: {\n result: this.result,\n caseId: caseId,\n },\n });\n }\n render() {\n if (this.attachToCase.isAttached()) {\n return (h(\"atomic-icon\", { key: '2599e60230b7287292f836f5aa39014c68f43255', part: \"icon\", class: \"flex w-5 justify-center\", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));\n }\n }\n get host() { return this; }\n static get style() { return AtomicInsightResultAttachToCaseIndicatorStyle0; }\n}, [0, \"atomic-insight-result-attach-to-case-indicator\", {\n \"error\": [32],\n \"attachToCaseState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightResultAttachToCaseIndicator$1.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicInsightResultAttachToCaseIndicator$1.prototype, \"result\", void 0);\n__decorate([\n BindStateToController('attachToCase')\n], AtomicInsightResultAttachToCaseIndicator$1.prototype, \"attachToCaseState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-attach-to-case-indicator\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-attach-to-case-indicator\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultAttachToCaseIndicator$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightResultAttachToCaseIndicator = AtomicInsightResultAttachToCaseIndicator$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultAttachToCaseIndicator, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-attach-to-case-indicator.js.map","import { getElement, h, Fragment, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildInteractiveResult } from '@eternal-baguette/headless/insight';\nimport { b as buildCustomEvent } from './event-utils.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { e as elementHasAncestorTag } from './utils.js';\nimport { e as extractUnfoldedItem } from './unfolded-item.js';\nimport { b as ResultsPlaceholder, R as ResultTemplateProvider } from './result-template-provider.js';\nimport { C as ChildTemplatesContext, I as ItemContext, b as ItemDisplayConfigContext } from './stencil-item-decorators.js';\nimport { B as Button } from './stencil-button.js';\nimport { d as defineCustomElement$3 } from './atomic-insight-result2.js';\nimport { d as defineCustomElement$2 } from './atomic-result-placeholder2.js';\n\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nfunction FoldedItemListContext() {\n return (component, foldedList) => {\n const { componentWillRender } = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(foldedItemListContextEventName, (foldedItemList) => {\n this[foldedList] = foldedItemList;\n });\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n * @deprecated use FoldedItemListContextController instead.\n */\nfunction FoldedItemListStateContext() {\n return (component, foldedListState) => {\n const { componentWillRender } = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(foldedItemListStateContextEventName, (foldedItemList) => {\n foldedItemList?.subscribe(() => {\n this[foldedListState] = foldedItemList.state;\n });\n });\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ChildrenWrapper = ({ hasChildren }, children) => {\n return (h(\"div\", { part: \"children-root\" },\n hasChildren && h(\"slot\", { name: \"before-children\" }),\n children,\n hasChildren && h(\"slot\", { name: \"after-children\" })));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst CollectionGuard = ({ isLoadingMoreResults, moreResultsAvailable, hasChildren, numberOfChildren, density, imageSize, noResultText, }, children) => {\n if (isLoadingMoreResults) {\n return (h(ChildrenWrapper, { hasChildren: hasChildren },\n h(ResultsPlaceholder, { numberOfPlaceholders: numberOfChildren, density: density, display: 'list', imageSize: imageSize })));\n }\n if (!moreResultsAvailable && !hasChildren) {\n return noResultText.trim().length ? (h(\"p\", { part: \"no-result-root\", class: \"no-result-root my-3\" }, noResultText)) : null;\n }\n if (!hasChildren) {\n return;\n }\n return h(Fragment, null, children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ResultChildrenGuard = ({ inheritTemplates, resultTemplateRegistered, templateHasError }, children) => {\n if (!inheritTemplates && !resultTemplateRegistered) {\n return;\n }\n if (!inheritTemplates && templateHasError) {\n return h(\"slot\", null);\n }\n return h(Fragment, null, children);\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst ShowHideButton = ({ moreResultsAvailable, loadFullCollection, showInitialChildren, toggleShowInitialChildren, loadAllResults, collapseResults, }) => {\n return (h(Button, { part: \"show-hide-button\", class: \"show-hide-button\", style: \"text-primary\", onClick: () => {\n if (moreResultsAvailable) {\n loadFullCollection();\n }\n toggleShowInitialChildren();\n } }, showInitialChildren || moreResultsAvailable\n ? loadAllResults\n : collapseResults));\n};\n\nconst atomicInsightResultChildrenCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.show-hide-button {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n}\\n.no-result-root {\\n color: var(--atomic-neutral-dark);\\n}\\n[part='children-root'] {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding-left: 1rem;\\n margin-top: 1rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultChildrenStyle0 = atomicInsightResultChildrenCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst childTemplateComponent = 'atomic-insight-result-children-template';\nconst componentTag = 'atomic-insight-result-children';\nconst AtomicResultChildren = /*@__PURE__*/ proxyCustomElement(class AtomicResultChildren extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.showInitialChildren = true;\n /**\n * Whether to inherit templates defined in a parent atomic-result-children. Only works for the second level of child nesting.\n */\n this.inheritTemplates = false;\n /**\n * The non-localized copy for an empty result state. An empty string will result in the component being hidden.\n */\n this.noResultText = 'no-documents-related';\n this.toggleShowInitialChildren = () => {\n this.showInitialChildren\n ? this.foldedResultList.logShowMoreFoldedResults(this.result.result)\n : this.foldedResultList.logShowLessFoldedResults();\n this.showInitialChildren = !this.showInitialChildren;\n };\n this.error = undefined;\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.foldedResultListState = undefined;\n this.showInitialChildren = true;\n this.inheritTemplates = false;\n this.imageSize = undefined;\n this.noResultText = 'no-documents-related';\n }\n resolveChildTemplates(event) {\n event.preventDefault();\n event.detail(this.itemTemplateProvider);\n }\n initialize() {\n if (this.inheritTemplates) {\n return;\n }\n const childrenTemplates = Array.from(this.host.querySelectorAll(childTemplateComponent)).filter((template) => !elementHasAncestorTag(template, childTemplateComponent));\n if (!childrenTemplates.length) {\n this.error = new Error(`The \"${componentTag}\" component requires at least one \"${childTemplateComponent}\" component.`);\n return;\n }\n this.itemTemplateProvider = new ResultTemplateProvider({\n includeDefaultTemplate: false,\n templateElements: childrenTemplates,\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n }\n renderChild(child, isLast) {\n const content = this.itemTemplateProvider?.getTemplateContent(child.result);\n if (!content) {\n return;\n }\n const key = child.result.uniqueId +\n child.children.map((child) => child.result.uniqueId);\n return (h(\"atomic-insight-result\", { key: key, content: content, result: child, interactiveResult: buildInteractiveResult(this.bindings.engine, {\n options: { result: extractUnfoldedItem(child) },\n }), store: this.bindings.store, density: this.displayConfig.density, imageSize: this.imageSize || this.displayConfig.imageSize, classes: `child-result ${isLast ? 'last-child' : ''}`.trim() }));\n }\n componentWillRender() {\n if (this.initialChildren || !this.collection) {\n return;\n }\n this.initialChildren = this.collection.children;\n }\n get collection() {\n return this.foldedResultListState.results.find((r) => {\n return r.result.uniqueId === this.result.result.uniqueId;\n });\n }\n loadFullCollection() {\n this.host.dispatchEvent(buildCustomEvent('atomic/loadCollection', this.collection));\n }\n renderCollection() {\n const collection = this.collection;\n const children = this.showInitialChildren\n ? this.initialChildren\n : collection.children;\n return (h(CollectionGuard, { isLoadingMoreResults: collection.isLoadingMoreResults, moreResultsAvailable: collection.moreResultsAvailable, hasChildren: collection.children.length > 0, numberOfChildren: collection.children.length, density: this.displayConfig.density, imageSize: this.imageSize || this.displayConfig.imageSize, noResultText: this.bindings.i18n.t(this.noResultText) }, h(ShowHideButton, { moreResultsAvailable: collection.moreResultsAvailable, loadFullCollection: () => this.loadFullCollection(), showInitialChildren: this.showInitialChildren, toggleShowInitialChildren: this.toggleShowInitialChildren, loadAllResults: this.bindings.i18n.t('load-all-results'), collapseResults: this.bindings.i18n.t('collapse-results') }), h(ChildrenWrapper, { hasChildren: collection.children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1)))));\n }\n renderFoldedResult() {\n if (this.result.children.length === 0) {\n return;\n }\n const children = this.result.children;\n return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));\n }\n render() {\n return (h(ResultChildrenGuard, { key: 'a97c8535d1db12d1b293855228ebedf0e5d87cb9', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));\n }\n get host() { return this; }\n static get style() { return AtomicInsightResultChildrenStyle0; }\n}, [1, \"atomic-insight-result-children\", {\n \"inheritTemplates\": [4, \"inherit-templates\"],\n \"imageSize\": [513, \"image-size\"],\n \"noResultText\": [1, \"no-result-text\"],\n \"error\": [32],\n \"resultTemplateRegistered\": [32],\n \"templateHasError\": [32],\n \"foldedResultListState\": [32],\n \"showInitialChildren\": [32]\n }, [[0, \"atomic/resolveChildTemplates\", \"resolveChildTemplates\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicResultChildren.prototype, \"bindings\", void 0);\n__decorate([\n ChildTemplatesContext()\n], AtomicResultChildren.prototype, \"itemTemplateProvider\", void 0);\n__decorate([\n FoldedItemListContext()\n], AtomicResultChildren.prototype, \"foldedResultList\", void 0);\n__decorate([\n ItemContext({ folded: true, parentName: 'atomic-insight-result' })\n], AtomicResultChildren.prototype, \"result\", void 0);\n__decorate([\n ItemDisplayConfigContext()\n], AtomicResultChildren.prototype, \"displayConfig\", void 0);\n__decorate([\n FoldedItemListStateContext()\n], AtomicResultChildren.prototype, \"foldedResultListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-children\", \"atomic-insight-result\", \"atomic-result-placeholder\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-children\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicResultChildren);\n }\n break;\n case \"atomic-insight-result\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-result-placeholder\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightResultChildren = AtomicResultChildren;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultChildren, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-children.js.map","import { ResultTemplatesHelpers } from '@eternal-baguette/headless';\nimport { h } from '@stencil/core/internal/client';\nimport { g as aggregate, h as isVisualNode, j as isElementNode } from './utils.js';\nimport { i as isResultSectionNode } from './item-layout-sections.js';\n\nconst tableElementTagName = 'atomic-table-element';\n\nfunction getTemplateNodeType(node) {\n if (isResultSectionNode(node)) {\n return 'section';\n }\n if (!isVisualNode(node)) {\n return 'metadata';\n }\n if (isElementNode(node) &&\n node.tagName.toLowerCase() === tableElementTagName) {\n return 'table-column-definition';\n }\n return 'other';\n}\nfunction groupNodesByType(nodes) {\n return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\nclass ResultTemplateCommon {\n constructor({ host, setError, validParents, allowEmpty = false, }) {\n this.matchConditions = [];\n this.gridCellLinkTarget = '_self';\n this.host = host;\n this.validateTemplate(host, setError, validParents, allowEmpty);\n }\n validateTemplate(host, setError, validParents, allowEmpty = true) {\n const hasValidParent = validParents\n .map((p) => p.toUpperCase())\n .includes(host.parentElement?.nodeName || '');\n const tagName = host.nodeName.toLowerCase();\n if (!hasValidParent) {\n setError(new Error(`The \"${tagName}\" component has to be the child of one of the following: ${validParents\n .map((p) => `\"${p.toLowerCase()}\"`)\n .join(', ')}.`));\n return;\n }\n if (host.parentElement?.attributes.getNamedItem('display')?.value === 'grid') {\n this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem('grid-cell-link-target')?.value;\n }\n const template = host.querySelector('template:not([slot])');\n if (!template) {\n setError(new Error(`The \"${tagName}\" component has to contain a \"template\" element as a child.`));\n return;\n }\n if (!allowEmpty && !template.innerHTML.trim()) {\n setError(new Error(`The \"template\" tag inside \"${tagName}\" cannot be empty.`));\n return;\n }\n if (template.content.querySelector('script')) {\n console.warn('Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the results are rendered.', host);\n }\n const { section: sectionNodes, other: otherNodes } = groupNodesByType(template.content.childNodes);\n if (sectionNodes?.length && otherNodes?.length) {\n console.warn('Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.', host, { sectionNodes, otherNodes });\n }\n }\n getTemplate(conditions, error) {\n if (error) {\n return null;\n }\n return {\n conditions: conditions.concat(this.matchConditions),\n content: getTemplateElement(this.host).content,\n linkContent: this.getLinkTemplateElement(this.host).content,\n priority: 1,\n };\n }\n renderIfError(error) {\n if (error) {\n return (h(\"atomic-component-error\", { element: this.host, error: error }));\n }\n }\n getDefaultLinkTemplateElement() {\n const linkTemplate = document.createElement('template');\n linkTemplate.innerHTML = `${this.gridCellLinkTarget ? `` : ''}`;\n return linkTemplate;\n }\n getLinkTemplateElement(host) {\n return (host.querySelector('template[slot=\"link\"]') ??\n this.getDefaultLinkTemplateElement());\n }\n}\nfunction getTemplateElement(host) {\n return host.querySelector('template:not([slot])');\n}\nfunction makeMatchConditions(mustMatch, mustNotMatch) {\n const conditions = [];\n for (const field in mustMatch) {\n conditions.push(ResultTemplatesHelpers.fieldMustMatch(field, mustMatch[field]));\n }\n for (const field in mustNotMatch) {\n conditions.push(ResultTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field]));\n }\n return conditions;\n}\nfunction makeDefinedConditions(ifDefined, ifNotDefined) {\n const conditions = [];\n if (ifDefined) {\n const fieldNames = ifDefined.split(',');\n conditions.push(ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n }\n if (ifNotDefined) {\n const fieldNames = ifNotDefined.split(',');\n conditions.push(ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n }\n return conditions;\n}\n\nexport { ResultTemplateCommon as R, makeMatchConditions as a, makeDefinedConditions as m };\n\n//# sourceMappingURL=stencil-result-template-common.js.map","import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { M as MapProp } from './props-utils.js';\nimport { R as ResultTemplateCommon, m as makeDefinedConditions, a as makeMatchConditions } from './stencil-result-template-common.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultChildrenTemplate$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultChildrenTemplate extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * A function that must return true on results for the result template to apply.\n * Set programmatically before initialization, not via attribute.\n *\n * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`\n */\n this.conditions = [];\n /**\n * The field and values that define which result items the condition must be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`\n */\n this.mustMatch = {};\n /**\n * The field and values that define which result items the condition must not be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\"`\n */\n this.mustNotMatch = {};\n this.error = undefined;\n this.conditions = [];\n this.ifDefined = undefined;\n this.ifNotDefined = undefined;\n this.mustMatch = {};\n this.mustNotMatch = {};\n }\n connectedCallback() {\n this.resultTemplateCommon = new ResultTemplateCommon({\n host: this.host,\n setError: (err) => {\n this.error = err;\n },\n validParents: ['atomic-insight-result-children'],\n });\n }\n componentWillLoad() {\n this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n this.resultTemplateCommon.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch);\n }\n /**\n * Gets the appropriate result template based on conditions applied.\n */\n async getTemplate() {\n return this.resultTemplateCommon.getTemplate(this.conditions, this.error);\n }\n render() {\n return this.resultTemplateCommon.renderIfError(this.error);\n }\n get host() { return this; }\n}, [1, \"atomic-insight-result-children-template\", {\n \"conditions\": [16],\n \"ifDefined\": [513, \"if-defined\"],\n \"ifNotDefined\": [513, \"if-not-defined\"],\n \"mustMatch\": [16],\n \"mustNotMatch\": [16],\n \"error\": [32],\n \"getTemplate\": [64]\n }]);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicInsightResultChildrenTemplate$1.prototype, \"mustMatch\", void 0);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicInsightResultChildrenTemplate$1.prototype, \"mustNotMatch\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-children-template\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-children-template\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultChildrenTemplate$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightResultChildrenTemplate = AtomicInsightResultChildrenTemplate$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultChildrenTemplate, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-children-template.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildResultList, buildResultsPerPage, buildInteractiveResult } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { R as ResultTemplateProvider, a as ResultsPlaceholdersGuard } from './result-template-provider.js';\nimport { c as createAppLoadedListener } from './store.js';\nimport { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wrapper.js';\nimport { I as ItemListGuard } from './stencil-item-list-guard.js';\nimport { I as ItemListCommon } from './stencil-item-list-common.js';\nimport { g as getItemListDisplayClasses } from './display-options.js';\nimport { d as defineCustomElement$3 } from './atomic-insight-result2.js';\nimport { d as defineCustomElement$2 } from './atomic-result-placeholder2.js';\n\nconst atomicInsightResultListCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n.list-wrapper.placeholder .result-component {\\n display: none;\\n}\\n.list-wrapper.placeholder table.list-root {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-placeholder {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-table-placeholder {\\n display: none;\\n}\\n.list-root.loading {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n}\\n@keyframes pulse {\\n 0%, 100% {\\n opacity: 0.6;\\n }\\n 50% {\\n opacity: 0.2;\\n }\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n @media not all and (width >= 1024px) {\\n @media not all and (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-template-columns: minmax(auto, 35rem);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: 1fr 1fr;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder {\\n border-color: transparent;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-icon [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-none [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-icon atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-none atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n @media not all and (min-width: 640px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n }\\n .atomic-list-with-dividers.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-list-with-dividers [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-list-with-dividers [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-list-with-dividers atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .atomic-grid-display-common .list-wrapper {\\n word-break: break-word;\\n }\\n .atomic-grid-display-common .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n }\\n .atomic-grid-display-common .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .atomic-result-table {\\n min-width: 100%;\\n border-spacing: 0;\\n border-collapse: separate;\\n }\\n .atomic-result-table th, .atomic-result-table td {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n line-height: 1rem;\\n white-space: nowrap;\\n }\\n .atomic-result-table th:not(:first-child), .atomic-result-table td:not(:first-child) {\\n border-left: none;\\n }\\n .atomic-result-table th:first-child, .atomic-result-table td:first-child {\\n min-width: 19rem;\\n }\\n .atomic-result-table th {\\n background-color: var(--atomic-neutral-light);\\n border-bottom: none;\\n font-weight: bold;\\n color: black;\\n padding: 1rem var(--padding);\\n text-align: left;\\n }\\n .atomic-result-table th:first-child {\\n border-top-left-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table th:last-child {\\n border-top-right-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table td {\\n color: var(--atomic-neutral-dark);\\n border-top: none;\\n vertical-align: top;\\n padding: var(--padding);\\n }\\n .atomic-result-table.density-comfortable {\\n --padding: 2rem;\\n }\\n .atomic-result-table.density-normal {\\n --padding: 1.5rem;\\n }\\n .atomic-result-table.density-compact {\\n --padding: 1rem;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid {\\n grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-comfortable {\\n grid-row-gap: 4rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-normal, .atomic-grid-display-desktop .list-root.display-grid.density-compact {\\n grid-row-gap: 3rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.image-large {\\n grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (min-width: 1280px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n }\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .atomic-grid-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-with-cards {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n .atomic-list-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-list-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part~='divider']:not(:last-child) {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n border-bottom-color: var(--atomic-neutral);\\n padding-bottom: 1rem;\\n}\\n[part~='divider'] {\\n margin-bottom: 1rem;\\n}\\n.list-root.display-list {\\n display: flex;\\n flex-direction: column;\\n}\\n.list-root.display-list .result-component, .list-root.display-list atomic-result-placeholder {\\n width: auto;\\n}\\n.list-root.display-list.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n}\\n.list-root.display-list.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n}\\n@media not all and (width >= 1024px) {\\n .list-root.display-list.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n}\\n.list-root.display-list.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n}\\n@media not all and (width >= 1024px) {\\n .list-root.display-list.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n}\\n.list-root.display-list [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n}\\n.list-root.display-list [part~='outline']:first-of-type::before {\\n display: none;\\n}\\n.list-root.display-list atomic-result-placeholder::before {\\n background-color: transparent;\\n}\\n.list-root.display-list .result-component[part~='outline']::before {\\n margin-inline: calc(0.25rem * 6);\\n margin-block: calc(0.25rem * 0);\\n}\\n.list-root.placeholder {\\n padding: 0.5rem 1.5rem;\\n}\\natomic-result:not(.hydrated) {\\n visibility: hidden;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-border-style: solid;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultListStyle0 = atomicInsightResultListCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultList extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.loadingFlag = randomID('firstInsightResultLoaded-');\n this.display = 'list';\n this.templateHasError = false;\n this.resultTemplateRegistered = false;\n this.isAppLoaded = false;\n /**\n * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n */\n this.density = 'normal';\n /**\n * The expected size of the image displayed in the results.\n */\n this.imageSize = 'icon';\n this.resultsPerPageState = undefined;\n this.resultListState = undefined;\n this.templateHasError = false;\n this.resultTemplateRegistered = false;\n this.error = undefined;\n this.isAppLoaded = false;\n this.density = 'normal';\n this.imageSize = 'icon';\n }\n /**\n * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.\n *\n * Do not use this method if you integrate Atomic in a plain HTML deployment.\n *\n * @param resultRenderingFunction\n */\n async setRenderFunction(resultRenderingFunction) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n initialize() {\n this.resultList = buildResultList(this.bindings.engine, {\n options: {\n fieldsToInclude: this.bindings.store.state.fieldsToInclude || undefined,\n },\n });\n this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n this.itemTemplateProvider = new ResultTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(this.host.querySelectorAll('atomic-insight-result-template')),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.resultListState.results.length,\n getIsLoading: () => this.resultListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n get focusTarget() {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n render() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n return (h(ItemListGuard, { key: '6bec6bc5fceb72a140c69985c374ffb875906b36', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: 'f91d8ad04db213ba92705376823617d50d073ca5', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: 'd35e446142f3db079a289d10bad703e72e00eaa8', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: '8dffd0868fbedcd88a7491655d33cd08b930b171', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {\n const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);\n return (h(\"atomic-insight-result\", { ...atomicInsightResultProps, part: \"outline\", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));\n })))));\n }\n computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n return getItemListDisplayClasses(this.display, this.density, this.imageSize, this.resultListState.firstSearchExecuted &&\n this.resultListState.isLoading, displayPlaceholders);\n }\n getPropsForAtomicInsightResult(result) {\n return {\n interactiveResult: buildInteractiveResult(this.bindings.engine, {\n options: { result },\n }),\n result,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(result.uniqueId, this.resultListState.searchResponseId, this.density, this.imageSize),\n content: this.itemTemplateProvider.getTemplateContent(result),\n store: this.bindings.store,\n density: this.density,\n imageSize: this.imageSize,\n display: this.display,\n };\n }\n get host() { return this; }\n static get style() { return AtomicInsightResultListStyle0; }\n}, [1, \"atomic-insight-result-list\", {\n \"density\": [513],\n \"imageSize\": [513, \"image-size\"],\n \"resultsPerPageState\": [32],\n \"resultListState\": [32],\n \"templateHasError\": [32],\n \"resultTemplateRegistered\": [32],\n \"error\": [32],\n \"isAppLoaded\": [32],\n \"setRenderFunction\": [64]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightResultList$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('resultsPerPage')\n], AtomicInsightResultList$1.prototype, \"resultsPerPageState\", void 0);\n__decorate([\n BindStateToController('resultList')\n], AtomicInsightResultList$1.prototype, \"resultListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-list\", \"atomic-insight-result\", \"atomic-result-placeholder\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-list\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultList$1);\n }\n break;\n case \"atomic-insight-result\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-result-placeholder\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightResultList = AtomicInsightResultList$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultList, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-list.js.map","import { h, proxyCustomElement, HTMLElement, createEvent, Fragment } from '@stencil/core/internal/client';\nimport { buildInteractiveResult } from '@eternal-baguette/headless';\nimport { C as CloseIcon } from './close.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { L as LinkWithItemAnalytics } from './stencil-item-link.js';\nimport { B as Button } from './stencil-button.js';\nimport { S as StencilCheckbox } from './stencil-checkbox.js';\nimport { A as ArrowBottomIcon } from './arrow-bottom-rounded.js';\nimport { A as ArrowUp } from './arrow-top-rounded.js';\nimport { F as FieldsetGroup } from './stencil-fieldset-group.js';\nimport { e as eventPromise } from './event-utils.js';\n\n/**\n * @internal\n */\nconst HighlightKeywordsCheckbox = ({ i18n, highlightKeywords, onHighlightKeywords, minimized }) => [\n h(StencilCheckbox, { text: i18n.t('keywords-highlight'), class: \"mr-2\", id: \"atomic-quickview-sidebar-highlight-keywords\", checked: !highlightKeywords.highlightNone, onToggle: (checked) => onHighlightKeywords({\n ...highlightKeywords,\n highlightNone: !checked,\n }) }),\n !minimized && (h(\"label\", { class: \"cursor-pointer font-bold whitespace-nowrap\", htmlFor: \"atomic-quickview-sidebar-highlight-keywords\" }, i18n.t('keywords-highlight'))),\n];\n\nconst Add = ``;\n\nconst Remove = ``;\n\nconst identifierKeywordsSection = 'coveo-quickview-sidebar-keywords';\n/**\n * @internal\n */\nconst Keywords = ({ words, i18n, highlightKeywords, onHighlightKeywords }) => {\n return (h(\"div\", { id: identifierKeywordsSection }, Object.values(words).map((keyword) => {\n const wordIsEnabled = !highlightKeywords.highlightNone &&\n (highlightKeywords.keywords[keyword.text] === undefined ||\n highlightKeywords.keywords[keyword.text].enabled === true);\n return (h(\"div\", { key: keyword.text, class: \"my-4 flex w-100 items-center justify-between gap-x-2\" },\n h(\"div\", { class: `bg-background border-neutral flex grow items-center overflow-x-auto rounded-lg border ${!wordIsEnabled ? 'pointer-events-none opacity-50' : ''}` },\n h(\"div\", { class: \"flex grow items-center border-r p-4\", \"aria-hidden\": \"true\" },\n h(\"div\", { class: \"mr-2 h-5 w-5 flex-none\", style: { backgroundColor: keyword.color } }),\n h(\"div\", { class: \"mr-2 grow whitespace-nowrap\" }, keyword.text),\n h(\"div\", { class: \"flex-none\" },\n \"(\",\n new Intl.NumberFormat(i18n.language, {\n notation: 'compact',\n }).format(keyword.occurrences),\n \")\")),\n h(FieldsetGroup, { label: i18n.t('quickview-navigate-keywords', {\n occurrences: keyword.occurrences,\n keyword: keyword.text,\n }) },\n h(\"div\", { class: \"flex px-2\" },\n h(IconButton, { partPrefix: \"sidebar-next\", icon: ArrowBottomIcon, disabled: !wordIsEnabled, style: \"text-transparent\", class: \"border-0\", ariaLabel: i18n.t('next'), title: i18n.t('next'), onClick: () => keyword.navigateForward() }),\n h(IconButton, { partPrefix: \"sidebar-previous\", icon: ArrowUp, disabled: !wordIsEnabled, style: \"text-transparent\", class: \"border-0\", ariaLabel: i18n.t('previous'), title: i18n.t('previous'), onClick: () => keyword.navigateBackward() })))),\n h(IconButton, { partPrefix: \"sidebar-remove-word\", class: `${highlightKeywords.highlightNone\n ? 'pointer-events-none opacity-50'\n : ''}`, tabIndex: highlightKeywords.highlightNone ? '-1' : '0', ariaPressed: (!wordIsEnabled).toString(), style: \"text-transparent\", icon: wordIsEnabled ? Remove : Add, ariaLabel: i18n.t('quickview-remove-word'), onClick: () => {\n onHighlightKeywords({\n ...highlightKeywords,\n keywords: {\n ...highlightKeywords.keywords,\n [keyword.text]: {\n enabled: !wordIsEnabled,\n indexIdentifier: keyword.indexIdentifier,\n },\n },\n });\n } })));\n })));\n};\n\nconst MinimizeIcon = ``;\n\n/**\n * @internal\n */\nconst MinimizeButton = ({ i18n, minimized, onMinimize, highlightKeywords, wordsLength }) => (h(IconButton, { partPrefix: \"sidebar-minimize\", icon: MinimizeIcon, style: \"text-transparent\", title: i18n.t('quickview-toggle-navigation'), ariaLabel: i18n.t('quickview-toggle-navigation'), onClick: () => onMinimize(!minimized), badge: highlightKeywords && minimized ? h(\"slot\", null, wordsLength) : undefined, class: `w-fit ${minimized ? '' : 'ml-auto'}`, ariaExpanded: (!minimized).toString(), ariaControls: identifierKeywordsSection }));\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuickviewSidebar = (props) => {\n const { words, minimized } = props;\n const numberOfWords = Object.values(words).length;\n if (numberOfWords === 0) {\n return;\n }\n const minimizeButton = (h(MinimizeButton, { ...props, wordsLength: numberOfWords }));\n return (h(\"div\", { class: \"border-neutral h-full border-r p-4\" },\n minimized && minimizeButton,\n h(\"div\", { class: \"flex items-center justify-between\" },\n h(\"div\", { class: \"flex items-center\" },\n h(HighlightKeywordsCheckbox, { ...props })),\n !minimized && h(\"div\", null, minimizeButton)),\n !minimized && h(Keywords, { ...props, words: words })));\n};\n\nconst documentIdentifierInIframe = 'CoveoDocIdentifier';\nconst writeDocument = (documentWriter, content) => {\n documentWriter.open();\n documentWriter.write(content);\n documentWriter.close();\n if (documentWriter.scrollingElement) {\n documentWriter.scrollingElement.scrollTop = 0;\n }\n};\nconst currentResultAlreadyWrittenToDocument = (documentWriter, uniqueIdentifier) => {\n const currentDocIdentifier = documentWriter.getElementById(documentIdentifierInIframe);\n return (currentDocIdentifier &&\n currentDocIdentifier.textContent === uniqueIdentifier);\n};\nconst ensureSameResultIsNotOverwritten = (documentWriter, uniqueIdentifier) => {\n const docIdentifier = documentWriter.createElement('div');\n docIdentifier.style.display = 'none';\n docIdentifier.setAttribute('aria-hidden', 'true');\n docIdentifier.id = documentIdentifierInIframe;\n docIdentifier.textContent = uniqueIdentifier;\n documentWriter.body.appendChild(docIdentifier);\n};\nconst warnAboutLimitedUsageQuickview = (logger) => {\n logger?.warn('Quickview initialized in restricted mode due to incompatible sandboxing environment. Keywords hit navigation will be disabled.');\n};\n// We can't access iframe.contentDocument until the element is added to the parent doc\n//\n// There are only 2 safe ways to get a callback when the iframe is added:\n// - Adding a MutationObserver on the parent document. Works, but very verbose, needs to be de-registered, and could interfere with other frameworks\n// - Adding a load event listener on the iframe. This is technically after the iframe loads its src, but since src is about:blank, it boils down to what we want.\nconst iframeConnectedEvent = async (iframe, logger) => {\n if (iframe.isConnected) {\n // The iframe is already connected.\n // There would likely be no load event to catch anyway.\n return;\n }\n // There could be edge cases where the iframe never loads, so add a timeout to gracefully handle errors.\n const timeoutMs = 1000;\n await eventPromise(iframe, 'load', timeoutMs).catch(() => {\n logger?.warn('Quickview timed out waiting for the iframe to load.');\n });\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuickviewIframe = ({ title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger }) => {\n // When a document is written with document.open/document.write/document.close\n // it is not synchronous and the content of the iframe is only available to be queried at the end of the current call stack.\n // This add a \"wait\" (setTimeout 0) before calling the `onSetIframeRef` from the parent modal quickview\n const waitForIframeContentToBeWritten = () => {\n return new Promise((resolve) => setTimeout(resolve));\n };\n return (h(\"iframe\", { title: title, src: \"about:blank\", class: \"h-full w-full\", sandbox: sandbox, ref: async (el) => {\n const iframeRef = el;\n if (!uniqueIdentifier || !content) {\n return;\n }\n await iframeConnectedEvent(iframeRef, logger);\n const documentWriter = iframeRef.contentDocument;\n if (!documentWriter) {\n if (src) {\n warnAboutLimitedUsageQuickview(logger);\n iframeRef.src = src;\n }\n return;\n }\n if (currentResultAlreadyWrittenToDocument(documentWriter, uniqueIdentifier)) {\n return;\n }\n writeDocument(documentWriter, content);\n ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);\n await waitForIframeContentToBeWritten();\n onSetIframeRef(iframeRef);\n } }));\n};\n\nconst buildQuickviewPreviewBar = (words, highlightKeywords, iframe) => {\n if (!iframe) {\n return;\n }\n const documentWriter = iframe.contentDocument;\n if (!documentWriter) {\n return;\n }\n const bar = buildPreviewBar(documentWriter);\n if (highlightKeywords.highlightNone) {\n bar.remove();\n return;\n }\n const docHeight = documentWriter.body.scrollHeight;\n Object.values(words).forEach((word) => {\n word.elements.forEach((wordElement) => {\n const previewUnit = buildPreviewUnit(documentWriter, word, wordElement, docHeight, highlightKeywords);\n bar.appendChild(previewUnit);\n });\n });\n documentWriter.body.appendChild(bar);\n};\nconst buildPreviewBar = (documentWriter) => {\n const previewBarId = 'CoveoPreviewBar';\n const bar = documentWriter.getElementById(previewBarId) ||\n documentWriter.createElement('div');\n bar.id = previewBarId;\n bar.innerHTML = '';\n bar.style.position = 'fixed';\n bar.style.top = '0';\n bar.style.right = '0';\n bar.style.width = '15px';\n bar.style.height = '100%';\n bar.setAttribute('aria-hidden', 'true');\n return bar;\n};\nconst buildPreviewUnit = (documentWriter, word, wordElement, docHeight, highlightKeywords) => {\n const previewUnit = documentWriter.createElement('div');\n if (highlightKeywords.keywords[word.text]?.enabled === false) {\n previewUnit.style.display = 'none';\n return previewUnit;\n }\n const elementPosition = wordElement.getBoundingClientRect().top;\n previewUnit.style.position = 'absolute';\n previewUnit.style.top = `${(elementPosition / docHeight) * 100}%`;\n previewUnit.style.width = '100%';\n previewUnit.style.height = '1px';\n previewUnit.style.border = `1px solid ${word.previewBorderColor}`;\n previewUnit.style.backgroundColor = word.color;\n return previewUnit;\n};\n\nconst rgbToHsv = (r, g, b) => {\n const max = Math.max(r, g, b);\n const min = Math.min(r, g, b);\n let h;\n const v = max;\n const d = max - min;\n const s = max === 0 ? 0 : d / max;\n if (max === min) {\n h = 0;\n }\n else {\n switch (max) {\n case r:\n h = (g - b) / d + (g < b ? 6 : 0);\n break;\n case g:\n h = (b - r) / d + 2;\n break;\n default:\n h = (r - g) / d + 4;\n break;\n }\n h /= 6;\n }\n return { h, s, v };\n};\nconst hsvToRgb = (h, s, v) => {\n let r, g, b;\n const i = Math.floor(h * 6);\n const f = h * 6 - i;\n const p = v * (1 - s);\n const q = v * (1 - f * s);\n const t = v * (1 - (1 - f) * s);\n switch (i % 6) {\n case 0:\n r = v;\n g = t;\n b = p;\n break;\n case 1:\n r = q;\n g = v;\n b = p;\n break;\n case 2:\n r = p;\n g = v;\n b = t;\n break;\n case 3:\n r = p;\n g = q;\n b = v;\n break;\n case 4:\n r = t;\n g = p;\n b = v;\n break;\n default:\n r = v;\n g = p;\n b = q;\n break;\n }\n return {\n r: Math.round(r),\n g: Math.round(g),\n b: Math.round(b),\n };\n};\n\n/**\n * @internal\n */\nclass ColorParser {\n constructor(color) {\n this.color = color;\n this.red = 255;\n this.green = 255;\n this.blue = 255;\n const rgb = this.color.match(ColorParser.REGEX);\n if (rgb) {\n this.red = parseInt(rgb[1], 10);\n this.green = parseInt(rgb[2], 10);\n this.blue = parseInt(rgb[3], 10);\n }\n }\n rgb() {\n return this.rgbString(this.red, this.green, this.blue);\n }\n rgbInverted() {\n return this.rgbString(255 - this.red, 255 - this.green, 255 - this.blue);\n }\n rgbSaturated() {\n const { h, s, v } = rgbToHsv(this.red, this.green, this.blue);\n let newSaturation = s * 2;\n if (newSaturation > 1) {\n newSaturation = 1;\n }\n const { r, g, b } = hsvToRgb(h, newSaturation, v);\n return this.rgbString(r, g, b);\n }\n rgbString(r, g, b) {\n return `rgb(${r}, ${g}, ${b})`;\n }\n}\nColorParser.REGEX = /\\s*rgb\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*\\)/i;\n\n/**\n * @internal\n */\nclass TextParser {\n constructor(stemmingInfoFromIndex) {\n this.stemmingInfoFromIndex = stemmingInfoFromIndex;\n }\n parse(element) {\n const innerTextOfHTMLElement = this.getHighlightedInnerText(element);\n return this.resolveOriginalTerm(innerTextOfHTMLElement).trim();\n }\n isTaggedWord(element) {\n return element.nodeName.toLowerCase() === 'coveotaggedword';\n }\n getHighlightedInnerText(element) {\n if (!this.isTaggedWord(element)) {\n return this.getTextOfHTMLElement(element);\n }\n const children = Array.from(element.children);\n if (children.length >= 1) {\n return this.getTextOfHTMLElement(children[0]);\n }\n return '';\n }\n getTextOfHTMLElement(el) {\n return el.innerText || el.textContent || '';\n }\n resolveOriginalTerm(highlight) {\n // First try to find either an exact match between the highlight and the original non-stemmed keyword.\n // Otherwise try to find a match between the highlight and the stemming keyword expansions\n // If nothing is found (which should not normally happen...), simply return the highlight keyword as is.\n const found = Object.keys(this.stemmingInfoFromIndex).find((originalTerm) => {\n const originalTermMatch = originalTerm.toLowerCase() === highlight.toLowerCase();\n if (originalTermMatch) {\n return true;\n }\n const stemmingExpansions = this.stemmingInfoFromIndex[originalTerm];\n if (!stemmingExpansions) {\n return false;\n }\n const stemmingExpansionMatch = stemmingExpansions.find((stemmingExpansion) => stemmingExpansion.toLowerCase() === highlight.toLowerCase());\n return stemmingExpansionMatch;\n });\n return found || highlight;\n }\n}\n\nconst HIGHLIGHT_PREFIX = 'CoveoHighlight';\nfunction findHighlightedElements(iframe) {\n const root = iframe?.contentDocument?.body;\n if (!root)\n return [];\n // Collect tagged word elements as well as elements whose id starts with\n // the highlight prefix. Tagged words (``) must be\n // considered so that invalid identifiers (e.g. id=\"invalid\") are\n // discovered and cause the appropriate error in the parser.\n const selector = `[id^=\"${HIGHLIGHT_PREFIX}\"]`;\n const query = root.querySelectorAll(selector);\n return Array.from(query);\n}\n/**\n * @internal\n */\nclass IframeParser {\n constructor(stemmingInfoFromIndex, iframe) {\n this.stemmingInfoFromIndex = stemmingInfoFromIndex;\n this.iframe = iframe;\n this.textParser = new TextParser(this.stemmingInfoFromIndex);\n this.wordsHighlights = {};\n }\n parse() {\n const elements = findHighlightedElements(this.iframe);\n for (const element of elements) {\n const identifier = this.parseIdentifier(element);\n if (!identifier) {\n throw new Error('Invalid keyword identifier for quickview');\n }\n const text = this.textParser.parse(element);\n if (!text) {\n continue;\n }\n const alreadyScannedKeyword = this.wordsHighlights[identifier];\n if (alreadyScannedKeyword) {\n alreadyScannedKeyword.addElement(element);\n continue;\n }\n const color = element.style.backgroundColor;\n const highlight = new QuickviewWordHighlight(identifier, text, color, element);\n this.wordsHighlights[identifier] = highlight;\n }\n return this.wordsHighlights;\n }\n parseIdentifier(element) {\n const parts = element.id\n .substring(HIGHLIGHT_PREFIX.length + 1)\n .match(/^([0-9]+)\\.([0-9]+)\\.([0-9]+)$/);\n if (!parts || parts.length <= 3) {\n return null;\n }\n return parts[1];\n }\n}\nconst getWordsHighlights = (stemmingInfoFromIndex, iframe) => {\n const parser = new IframeParser(stemmingInfoFromIndex, iframe);\n return parser.parse();\n};\n\nclass QuickviewWordHighlight {\n constructor(indexIdentifier, text, color, element) {\n this.indexIdentifier = indexIdentifier;\n this.text = text;\n this.color = color;\n this.elements = [];\n this.currentNavigationPosition = -1;\n this.addElement(element);\n const colorParser = new ColorParser(color);\n this.focusedColor = colorParser.rgbInverted();\n this.previewBorderColor = colorParser.rgbSaturated();\n }\n addElement(element) {\n this.elements.push(element);\n }\n get occurrences() {\n return this.elements.length;\n }\n navigateForward() {\n this.currentNavigationPosition++;\n if (this.currentNavigationPosition >= this.elements.length) {\n this.currentNavigationPosition = 0;\n }\n this.highlightNavigation();\n this.putElementIntoView();\n return this.elements[this.currentNavigationPosition];\n }\n navigateBackward() {\n this.currentNavigationPosition--;\n if (this.currentNavigationPosition < 0) {\n this.currentNavigationPosition = this.elements.length - 1;\n }\n this.highlightNavigation();\n this.putElementIntoView();\n return this.elements[this.currentNavigationPosition];\n }\n highlightNavigation() {\n const currentElement = this.elements[this.currentNavigationPosition];\n const otherElements = this.elements.filter((el) => el !== currentElement);\n currentElement.style.color = this.color;\n currentElement.style.backgroundColor = this.focusedColor;\n otherElements.forEach((element) => {\n element.style.color = '';\n element.style.backgroundColor = this.color;\n });\n }\n putElementIntoView() {\n const element = this.elements[this.currentNavigationPosition];\n element.scrollIntoView();\n }\n}\n\nconst atomicQuickviewModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.atomic-quickview-modal::part(backdrop) {\\n grid-template-columns: 1fr max(80vw, 30rem) 1fr;\\n}\\n.atomic-quickview-modal::part(body),\\n .atomic-quickview-modal::part(header),\\n .atomic-quickview-modal::part(footer) {\\n max-width: 100%;\\n}\\n.atomic-quickview-modal::part(footer) {\\n display: flex;\\n justify-content: center;\\n}\\n.atomic-quickview-modal::part(body-wrapper) {\\n height: 100%;\\n overflow: hidden;\\n padding: calc(0.25rem * 0);\\n}\\n.atomic-quickview-modal::part(body) {\\n height: 100%;\\n}\\n.atomic-quickview-modal::part(backdrop) {\\n grid-template-rows: 1fr 100% 3fr;\\n}\\n.atomic-quickview-modal::part(header-wrapper) {\\n background-color: var(--atomic-neutral-light);\\n}\\n.atomic-quickview-modal a:hover, .atomic-quickview-modal a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n.atomic-quickview-modal a:focus {\\n outline: none;\\n}\\n.atomic-quickview-modal a:visited {\\n color: var(--atomic-visited);\\n}\\n.atomic-quickview-modal a:hover, .atomic-quickview-modal a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n.atomic-quickview-modal a:focus {\\n outline: none;\\n}\\n.atomic-quickview-modal a:visited {\\n color: var(--atomic-visited);\\n}\\n.atomic-quickview-modal a {\\n color: var(--atomic-on-background);\\n}\\n.atomic-quickview-modal a:hover, .atomic-quickview-modal a:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n.atomic-quickview-modal a:focus {\\n outline: none;\\n}\\n.atomic-quickview-modal a:visited {\\n color: var(--atomic-visited);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicQuickviewModalStyle0 = atomicQuickviewModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicQuickviewModal = /*@__PURE__*/ proxyCustomElement(class AtomicQuickviewModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.nextQuickview = createEvent(this, \"atomic/quickview/next\", 7);\n this.previousQuickview = createEvent(this, \"atomic/quickview/previous\", 7);\n this.highlightKeywords = {\n highlightNone: false,\n keywords: {},\n };\n this.minimizeSidebar = false;\n this.words = {};\n this.error = undefined;\n this.highlightKeywords = {\n highlightNone: false,\n keywords: {},\n };\n this.minimizeSidebar = false;\n this.words = {};\n this.content = undefined;\n this.result = undefined;\n this.current = undefined;\n this.total = undefined;\n this.sandbox = undefined;\n this.modalCloseCallback = undefined;\n }\n watchHighlightKeywords() {\n this.handleHighlightsScripts();\n }\n componentWillLoad() {\n this.minimizeSidebar = this.bindings.store.isMobile();\n }\n async reset() {\n this.highlightKeywords = {\n highlightNone: false,\n keywords: {},\n };\n this.minimizeSidebar = false;\n this.iframeRef = undefined;\n this.content = undefined;\n this.result = undefined;\n this.interactiveResult = undefined;\n }\n renderHeader() {\n let headerContent = null;\n if (this.result) {\n this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n options: { result: this.result },\n });\n headerContent = (h(Fragment, null, h(LinkWithItemAnalytics, { href: this.result?.clickUri, onSelect: () => this.interactiveResult?.select(), onBeginDelayedSelect: () => this.interactiveResult?.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult?.cancelPendingSelect(), className: \"truncate\", part: \"quickview-modal-header-title\" }, this.result.title), h(IconButton, { partPrefix: \"quickview-modal-header\", icon: CloseIcon, onClick: () => this.onClose(), ariaLabel: this.bindings.i18n.t('close'), style: \"text-transparent\", title: this.bindings.i18n.t('close') })));\n }\n return (h(\"div\", { slot: \"header\", class: \"flex w-full items-center justify-between\" }, headerContent));\n }\n renderBody() {\n return (h(\"div\", { slot: \"body\", class: \"grid h-full grid-cols-[min-content_auto]\" }, h(\"div\", { class: \"h-full overflow-y-auto\", style: { backgroundColor: 'var(--atomic-neutral-light)' } }, h(QuickviewSidebar, { words: this.words, i18n: this.bindings.i18n, highlightKeywords: this.highlightKeywords, onHighlightKeywords: (highlight) => (this.highlightKeywords = highlight), minimized: this.minimizeSidebar, onMinimize: (minimize) => (this.minimizeSidebar = minimize) })), h(\"div\", { class: \"relative overflow-auto\" }, h(QuickviewIframe, { title: this.result?.title ?? this.bindings.i18n.t('preview-modal-title'), logger: this.logger, src: this.quickviewSrc, sandbox: this.sandbox, uniqueIdentifier: this.quickviewUniqueIdentifier, content: this.content, onSetIframeRef: async (ref) => {\n this.iframeRef = ref;\n this.words = getWordsHighlights(this.termsToHighlight, this.iframeRef);\n this.handleHighlightsScripts();\n } }), buildQuickviewPreviewBar(this.words, this.highlightKeywords, this.iframeRef))));\n }\n renderFooter() {\n return (h(\"div\", { slot: \"footer\", class: \"flex items-center gap-2\" }, h(Button, { class: \"p-2\", style: \"square-neutral\", onClick: () => this.previousQuickview?.emit(), disabled: this.current === 1, text: this.bindings.i18n.t('quickview-previous') }), h(\"p\", { class: \"text-center\" }, this.bindings.i18n.t('showing-results-of', {\n first: this.current,\n total: this.total,\n })), h(Button, { class: \"p-2\", style: \"square-neutral\", onClick: () => this.nextQuickview?.emit(), disabled: this.current === this.total, text: this.bindings.i18n.t('quickview-next') })));\n }\n onClose() {\n this.content = undefined;\n this.result = undefined;\n this.modalCloseCallback && this.modalCloseCallback();\n }\n get isOpen() {\n return !!this.content && !!this.result;\n }\n get highlightScriptId() {\n return 'CoveoDisableHighlightStyle';\n }\n get logger() {\n return this.bindings.engine.logger;\n }\n get quickviewSrc() {\n return this.bindings.engine.state.resultPreview?.contentURL;\n }\n enableHighlights() {\n this.removeDisableHighlightScript();\n }\n enableHighlightsSpecificKeyword(identifier) {\n this.removeDisableHighlightScript(identifier);\n }\n disableHighlights() {\n this.createDisableHighlightScript();\n }\n disableHighlightsSpecificKeyword(identifier) {\n this.createDisableHighlightScript(identifier);\n }\n removeDisableHighlightScript(identifier) {\n const doc = this.iframeRef?.contentWindow?.document;\n if (!doc) {\n return;\n }\n doc\n .getElementById(`${this.highlightScriptId}${identifier ? `:${identifier}` : ''}`)\n ?.remove();\n }\n createDisableHighlightScript(identifier) {\n const doc = this.iframeRef?.contentWindow?.document;\n if (!doc) {\n return;\n }\n const head = doc.head;\n const scriptId = `${this.highlightScriptId}${identifier ? `:${identifier}` : ''}`;\n const style = doc.getElementById(scriptId) || this.bindings.createStyleElement();\n style.setAttribute('id', scriptId);\n head.appendChild(style);\n style.appendChild(doc.createTextNode(`[id^=\"${HIGHLIGHT_PREFIX}${identifier ? `:${identifier}` : ''}\"] {\n background-color: inherit !important;\n color: inherit !important;\n }`));\n }\n get termsToHighlight() {\n const flatPhrasesToHighlight = {};\n const phrasesToHighlight = this.bindings.engine.state.search.response.phrasesToHighlight;\n Object.entries(phrasesToHighlight).forEach(([phrase, keywords]) => {\n flatPhrasesToHighlight[phrase] = Object.entries(keywords).flatMap(([keywordEntry, keywordStemming]) => {\n return [keywordEntry, ...keywordStemming];\n });\n });\n return {\n ...this.bindings.engine.state.search.response.termsToHighlight,\n ...flatPhrasesToHighlight,\n };\n }\n get requestId() {\n return this.bindings.engine.state.search.requestId;\n }\n get quickviewUniqueIdentifier() {\n return this.result?.uniqueId + this.requestId;\n }\n handleHighlightsScripts() {\n if (!this.highlightKeywords.highlightNone) {\n this.enableHighlights();\n }\n else {\n this.disableHighlights();\n }\n Object.values(this.highlightKeywords.keywords).forEach((word) => {\n if (word.enabled) {\n this.enableHighlightsSpecificKeyword(word.indexIdentifier);\n }\n else {\n this.disableHighlightsSpecificKeyword(word.indexIdentifier);\n }\n });\n }\n render() {\n return (h(\"atomic-modal\", { key: '3ee16fd393c4121660f5492b1935e8c844d24ccd', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));\n }\n static get watchers() { return {\n \"highlightKeywords\": [\"watchHighlightKeywords\"]\n }; }\n static get style() { return AtomicQuickviewModalStyle0; }\n}, [1, \"atomic-quickview-modal\", {\n \"content\": [1025],\n \"result\": [1040],\n \"current\": [2],\n \"total\": [2],\n \"sandbox\": [1],\n \"modalCloseCallback\": [16],\n \"error\": [32],\n \"highlightKeywords\": [32],\n \"minimizeSidebar\": [32],\n \"words\": [32],\n \"reset\": [64]\n }, undefined, {\n \"highlightKeywords\": [\"watchHighlightKeywords\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicQuickviewModal.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-quickview-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-quickview-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicQuickviewModal);\n }\n break;\n } });\n}\n\nexport { AtomicQuickviewModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-quickview-modal2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, StringValue } from '@eternal-baguette/bueno';\nimport { buildQuickview } from '@eternal-baguette/headless';\nimport { Q as QuickviewIcon } from './preview.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion, F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { R as ResultContext } from './stencil-result-template-decorators.js';\nimport { d as defineCustomElement$2 } from './atomic-quickview-modal2.js';\n\nconst atomicInsightResultQuickviewActionCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightResultQuickviewActionStyle0 = atomicInsightResultQuickviewActionCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultQuickviewAction$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultQuickviewAction extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * The `sandbox` attribute to apply to the quickview iframe.\n *\n * The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons.\n *\n * This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed.\n *\n * By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`.\n *\n * `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.\n */\n this.sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n this.error = undefined;\n this.quickviewState = undefined;\n this.sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n }\n onNextQuickview(evt) {\n evt.stopImmediatePropagation();\n this.quickview.next();\n }\n onPreviousQuickview(evt) {\n evt.stopImmediatePropagation();\n this.quickview.previous();\n }\n get focusTarget() {\n if (!this.buttonFocusTarget) {\n this.buttonFocusTarget = new FocusTargetController(this);\n }\n return this.buttonFocusTarget;\n }\n initialize() {\n this.quickview = buildQuickview(this.bindings.engine, {\n options: { result: this.result },\n });\n new Schema({\n sandbox: new StringValue({\n required: true,\n regex: /allow-same-origin/,\n }),\n }).validate({ sandbox: this.sandbox });\n }\n addQuickviewModalIfNeeded() {\n if (this.quickviewModalRef) {\n return;\n }\n const quickviewModal = this.bindings.interfaceElement.querySelector('atomic-quickview-modal');\n if (quickviewModal) {\n this.quickviewModalRef = quickviewModal;\n return;\n }\n this.quickviewModalRef = document.createElement('atomic-quickview-modal');\n this.quickviewModalRef.setAttribute('sandbox', this.sandbox);\n this.bindings.interfaceElement.appendChild(this.quickviewModalRef);\n }\n updateModalContent() {\n if (this.quickviewModalRef && this.quickview.state.content) {\n this.quickviewModalRef.content = this.quickview.state.content;\n this.quickviewModalRef.result = this.result;\n this.quickviewModalRef.total = this.quickviewState.totalResults;\n this.quickviewModalRef.current = this.quickviewState.currentResult;\n this.quickviewModalRef.modalCloseCallback = () => this.focusTarget.focus();\n this.quickviewAriaMessage = this.quickviewState.isLoading\n ? this.bindings.i18n.t('quickview-loading')\n : this.bindings.i18n.t('quickview-loaded', {\n first: this.quickviewState.currentResult,\n last: this.quickviewState.totalResults,\n title: this.result.title,\n });\n }\n }\n onClick(event) {\n event?.stopPropagation();\n this.quickview.fetchResultContent();\n }\n get shouldRenderQuickview() {\n return this.quickviewState.resultHasPreview;\n }\n render() {\n this.addQuickviewModalIfNeeded();\n this.updateModalContent();\n if (this.shouldRenderQuickview) {\n return (h(IconButton, { key: 'f1903ae409cb558e80aabdd258d3ad17dd84e614', partPrefix: \"result-action\", style: \"outline-neutral\", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));\n }\n }\n get host() { return this; }\n static get style() { return AtomicInsightResultQuickviewActionStyle0; }\n}, [0, \"atomic-insight-result-quickview-action\", {\n \"sandbox\": [1],\n \"error\": [32],\n \"quickviewState\": [32]\n }, [[16, \"atomic/quickview/next\", \"onNextQuickview\"], [16, \"atomic/quickview/previous\", \"onPreviousQuickview\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicInsightResultQuickviewAction$1.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicInsightResultQuickviewAction$1.prototype, \"result\", void 0);\n__decorate([\n BindStateToController('quickview')\n], AtomicInsightResultQuickviewAction$1.prototype, \"quickviewState\", void 0);\n__decorate([\n AriaLiveRegion('quickview')\n], AtomicInsightResultQuickviewAction$1.prototype, \"quickviewAriaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-quickview-action\", \"atomic-quickview-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-quickview-action\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultQuickviewAction$1);\n }\n break;\n case \"atomic-quickview-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightResultQuickviewAction = AtomicInsightResultQuickviewAction$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultQuickviewAction, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-quickview-action.js.map","import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { M as MapProp } from './props-utils.js';\nimport { R as ResultTemplateCommon, m as makeDefinedConditions, a as makeMatchConditions } from './stencil-result-template-common.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightResultTemplate$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightResultTemplate extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.matchConditions = [];\n /**\n * A function that must return true on results for the result template to apply.\n * Set programmatically before initialization, not via attribute.\n *\n * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`\n */\n this.conditions = [];\n /**\n * The field and values that define which result items the condition must be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`\n */\n this.mustMatch = {};\n /**\n * The field and values that define which result items the condition must not be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\"`\n */\n this.mustNotMatch = {};\n this.error = undefined;\n this.conditions = [];\n this.ifDefined = undefined;\n this.ifNotDefined = undefined;\n this.mustMatch = {};\n this.mustNotMatch = {};\n }\n connectedCallback() {\n this.resultTemplateCommon = new ResultTemplateCommon({\n host: this.host,\n setError: (err) => {\n this.error = err;\n },\n validParents: [\n 'atomic-insight-result-list',\n 'atomic-insight-folded-result-list',\n ],\n allowEmpty: true,\n });\n }\n componentWillLoad() {\n this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n this.resultTemplateCommon.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch);\n }\n /**\n * Gets the appropriate result template based on conditions applied.\n */\n async getTemplate() {\n return this.resultTemplateCommon.getTemplate(this.conditions, this.error);\n }\n render() {\n return this.resultTemplateCommon.renderIfError(this.error);\n }\n get host() { return this; }\n}, [1, \"atomic-insight-result-template\", {\n \"conditions\": [16],\n \"ifDefined\": [513, \"if-defined\"],\n \"ifNotDefined\": [513, \"if-not-defined\"],\n \"mustMatch\": [16],\n \"mustNotMatch\": [16],\n \"error\": [32],\n \"getTemplate\": [64]\n }]);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicInsightResultTemplate$1.prototype, \"mustMatch\", void 0);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicInsightResultTemplate$1.prototype, \"mustNotMatch\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-result-template\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-result-template\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightResultTemplate$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightResultTemplate = AtomicInsightResultTemplate$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightResultTemplate, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-result-template.js.map","import { proxyCustomElement, HTMLElement, h, Fragment, Host } from '@stencil/core/internal/client';\n\nfunction isMacOS() {\n // Source: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform#examples\n return navigator.platform.startsWith('Mac');\n}\nfunction hasKeyboard() {\n return window.matchMedia('(any-hover: hover)').matches;\n}\n\nconst AtomicSuggestionRenderer = /*@__PURE__*/ proxyCustomElement(class AtomicSuggestionRenderer extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.i18n = undefined;\n this.id = undefined;\n this.suggestion = undefined;\n this.isSelected = undefined;\n this.side = undefined;\n this.index = undefined;\n this.lastIndex = undefined;\n this.isDoubleList = undefined;\n this.onClick = undefined;\n this.onMouseOver = undefined;\n }\n get parts() {\n let part = 'suggestion';\n if (this.isSelected) {\n part += ' active-suggestion';\n }\n if (this.suggestion.query) {\n part += ' suggestion-with-query';\n }\n if (this.suggestion.part) {\n part += ` ${this.suggestion.part}`;\n }\n return part;\n }\n get classes() {\n return `flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer ${this.isSelected ? 'bg-neutral-light' : ''}`;\n }\n get content() {\n return this.isHTMLElement(this.suggestion.content) ? (h(Fragment, null)) : (this.suggestion.content);\n }\n ariaLabel(isButton) {\n const contentLabel = this.suggestion.ariaLabel ??\n this.suggestion.query ??\n this.i18n.t('no-title');\n const labelWithType = isMacOS() && isButton\n ? this.i18n.t('search-suggestion-button', {\n label: contentLabel,\n interpolation: { escapeValue: false },\n })\n : contentLabel;\n const position = this.index + 1;\n const count = this.lastIndex + 1;\n if (!this.isDoubleList) {\n return this.i18n.t('search-suggestion-single-list', {\n label: labelWithType,\n position,\n count,\n interpolation: { escapeValue: false },\n });\n }\n return this.i18n.t('search-suggestion-double-list', {\n label: labelWithType,\n position,\n count,\n side: this.i18n.t(this.side === 'left' ? 'left' : 'right'),\n interpolation: { escapeValue: false },\n });\n }\n ensureContentForRenderedSuggestion(element) {\n if (this.isHTMLElement(this.suggestion.content)) {\n element.replaceChildren(this.suggestion.content);\n }\n }\n isHTMLElement(el) {\n return el instanceof HTMLElement;\n }\n render() {\n const isButton = !!(this.suggestion.onSelect || this.suggestion.query);\n return (h(Host, { key: '1c64cd5b2a56b3cebfdc44ea7332d9b710b9f102', class: \"contents\" }, isButton ? (h(\"div\", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), \"data-query\": this.suggestion.query, \"aria-label\": this.ariaLabel(isButton), ref: (el) => {\n if (!el) {\n return;\n }\n this.ensureContentForRenderedSuggestion(el);\n } }, this.content)) : (h(\"span\", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, \"aria-label\": this.ariaLabel(isButton), ref: (el) => {\n if (!el) {\n return;\n }\n this.ensureContentForRenderedSuggestion(el);\n } }, this.content))));\n }\n}, [0, \"atomic-suggestion-renderer\", {\n \"i18n\": [16],\n \"id\": [1],\n \"suggestion\": [16],\n \"isSelected\": [4, \"is-selected\"],\n \"side\": [1],\n \"index\": [2],\n \"lastIndex\": [2, \"last-index\"],\n \"isDoubleList\": [4, \"is-double-list\"],\n \"onClick\": [16],\n \"onMouseOver\": [16]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-suggestion-renderer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-suggestion-renderer\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSuggestionRenderer);\n }\n break;\n } });\n}\n\nexport { AtomicSuggestionRenderer as A, defineCustomElement as d, hasKeyboard as h, isMacOS as i };\n\n//# sourceMappingURL=atomic-suggestion-renderer2.js.map","import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { loadInsightSearchActions, buildSearchBox } from '@eternal-baguette/headless/insight';\nimport { S as SuggestionManager, b as SearchSlimIcon, a as elementHasQuery, c as SearchBoxWrapper, d as SearchTextArea } from './stencil-suggestion-manager.js';\nimport { i as isMacOS, h as hasKeyboard, d as defineCustomElement$2 } from './atomic-suggestion-renderer2.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { r as randomID, i as isFocusingOut } from './utils.js';\nimport { e as encodeForDomAttribute } from './string-utils.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst getPartialSearchBoxSuggestionElement = (suggestion, i18n) => {\n return {\n part: 'query-suggestion-item',\n key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,\n query: suggestion.rawValue,\n ariaLabel: i18n.t('query-suggestion-label', {\n query: suggestion.rawValue,\n interpolation: { escapeValue: false },\n }),\n };\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuerySuggestionContainer = (_, children) => {\n return (h(\"div\", { part: \"query-suggestion-content\", class: \"flex items-center\" }, children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuerySuggestionIcon = ({ icon, hasSuggestion }) => {\n if (!hasSuggestion) {\n return;\n }\n return (h(\"atomic-icon\", { part: \"query-suggestion-icon\", icon: icon, class: \"mr-2 h-4 w-4 shrink-0\" }));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst QuerySuggestionText = ({ suggestion, hasQuery }) => {\n if (hasQuery) {\n return (h(\"span\", { part: \"query-suggestion-text\", class: \"line-clamp-2 break-all\", innerHTML: suggestion.highlightedValue }));\n }\n return (h(\"span\", { part: \"query-suggestion-text\", class: \"line-clamp-2 break-all\" }, suggestion.rawValue));\n};\n\nconst atomicInsightSearchBoxCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.loading {\\n --tw-gradient-from: var(--atomic-primary-dark);\\n --tw-gradient-to: var(--atomic-primary-light);\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n}\\n.loading::after {\\n content: '';\\n position: absolute;\\n height: calc(5/6 * 100%);\\n width: calc(5/6 * 100%);\\n border-radius: calc(infinity * 1px);\\n background-color: var(--atomic-background);\\n}\\n[part='textarea-expander']::after {\\n content: attr(data-replicated-value) ' ';\\n visibility: hidden;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea'] {\\n -ms-overflow-style: none;\\n scrollbar-width: none;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea'], [part='textarea-expander']::after {\\n z-index: 10;\\n height: 100%;\\n flex-grow: 1;\\n resize: none;\\n overflow: hidden;\\n background-color: transparent;\\n padding-inline: calc(0.25rem * 4);\\n padding-block: calc(0.25rem * 3.5);\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n white-space: nowrap;\\n color: var(--atomic-neutral-dark);\\n --tw-outline-style: none;\\n outline-style: none;\\n grid-area: 1 / 1 / 2 / 2;\\n}\\n[part='textarea-expander'].expanded > [part='textarea'], [part='textarea-expander'].expanded::after {\\n white-space: pre-wrap;\\n overflow-y: auto;\\n max-height: 8em;\\n}\\n[part='wrapper'] {\\n z-index: 10;\\n}\\n:host {\\n position: relative;\\n}\\n[part='input'] {\\n padding-top: 0.675rem;\\n padding-bottom: 0.675rem;\\n}\\n[part='submit-icon'] {\\n color: var(--atomic-on-background);\\n}\\n[part='submit-button'] {\\n display: flex;\\n width: calc(0.25rem * 10);\\n align-items: center;\\n justify-content: center;\\n}\\n.loading::after {\\n content: '';\\n position: absolute;\\n height: calc(5/6 * 100%);\\n width: calc(5/6 * 100%);\\n border-radius: calc(infinity * 1px);\\n background-color: var(--atomic-background);\\n}\\n[part='clear-button-wrapper'] {\\n margin-right: calc(0.25rem * 2);\\n padding-block: calc(0.25rem * 0);\\n}\\n[part='clear-icon'] {\\n height: calc(0.25rem * 3);\\n width: calc(0.25rem * 3);\\n}\\n[part='textarea-expander']::after {\\n padding: calc(0.25rem * 2);\\n padding-inline: calc(0.25rem * 4);\\n}\\n[part='textarea-expander'] [part='textarea'] {\\n padding: calc(0.25rem * 2);\\n padding-inline: calc(0.25rem * 4);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightSearchBoxStyle0 = atomicInsightSearchBoxCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightSearchBox extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isExpanded = false;\n /**\n * Whether to prevent the user from triggering a search from the component.\n * Perfect for use cases where you need to disable the search conditionally, like when the input is empty.\n */\n this.disableSearch = false;\n /**\n * The number of query suggestions to display when interacting with the search box.\n */\n this.numberOfSuggestions = 5;\n this.searchBoxState = undefined;\n this.error = undefined;\n this.isExpanded = false;\n this.disableSearch = false;\n this.numberOfSuggestions = 5;\n }\n initialize() {\n this.id = randomID('atomic-search-box-');\n const searchBoxOptions = {\n id: this.id,\n numberOfSuggestions: 0,\n highlightOptions: {\n notMatchDelimiters: {\n open: '',\n close: '',\n },\n correctionDelimiters: {\n open: '',\n close: '',\n },\n },\n };\n const { fetchQuerySuggestions, registerQuerySuggest } = loadInsightSearchActions(this.bindings.engine);\n this.searchBox = buildSearchBox(this.bindings.engine, {\n options: searchBoxOptions,\n });\n this.bindings.engine.dispatch(registerQuerySuggest({ id: this.id, count: this.numberOfSuggestions }));\n this.suggestionManager = new SuggestionManager({\n getNumberOfSuggestionsToDisplay: () => this.numberOfSuggestions,\n updateQuery: (query) => this.searchBox.updateText(query),\n getSearchBoxValue: () => this.searchBoxState.value,\n getSuggestionTimeout: () => 500,\n getSuggestionDelay: () => 0,\n getHost: () => this.host,\n getLogger: () => this.bindings.engine.logger,\n });\n this.suggestionManager.registerSuggestions({\n position: 0,\n renderItems: () => this.searchBox.state.suggestions.map((suggestion) => this.renderSuggestionItem(suggestion)),\n onInput: () => this.bindings.engine.dispatch(fetchQuerySuggestions({ id: this.id })),\n panel: 'left',\n });\n }\n onSubmit() {\n if (this.suggestionManager.activeDescendantElement) {\n this.suggestionManager.clickOnActiveElement();\n return;\n }\n this.searchBox.submit();\n this.suggestionManager.clearSuggestions();\n }\n async onKeyDown(e) {\n if (this.disableSearch) {\n return;\n }\n switch (e.key) {\n case 'Enter':\n this.onSubmit();\n break;\n case 'Escape':\n this.suggestionManager.clearSuggestions();\n break;\n case 'ArrowDown':\n e.preventDefault();\n await this.suggestionManager.focusNextValue();\n this.announceNewActiveSuggestionToScreenReader();\n break;\n case 'ArrowUp':\n e.preventDefault();\n await this.suggestionManager.focusPreviousValue();\n this.announceNewActiveSuggestionToScreenReader();\n break;\n case 'Tab':\n this.suggestionManager.clearSuggestions();\n break;\n }\n }\n triggerTextAreaChange(value) {\n this.textAreaRef.value = value;\n this.textAreaRef.dispatchEvent(new window.Event('change'));\n }\n renderSuggestion(item, index, lastIndex) {\n const id = `${this.id}-suggestion-${item.key}`;\n const isSelected = id === this.suggestionManager.activeDescendant ||\n this.suggestionManager.suggestedQuery === item.query;\n if (index === lastIndex && item.hideIfLast) {\n return null;\n }\n return (h(\"atomic-suggestion-renderer\", { i18n: this.bindings.i18n, id: id, suggestion: item, isSelected: isSelected, side: 'left', index: index, lastIndex: lastIndex, isDoubleList: false, onClick: (e) => {\n this.suggestionManager.onSuggestionClick(item, e);\n }, onMouseOver: () => {\n this.suggestionManager.onSuggestionMouseOver(item, 'left', id);\n } }));\n }\n renderSuggestionItem(suggestion) {\n const hasQuery = this.searchBox.state.value !== '';\n const partialItem = getPartialSearchBoxSuggestionElement(suggestion, this.bindings.i18n);\n return {\n ...partialItem,\n content: (h(QuerySuggestionContainer, null, h(QuerySuggestionIcon, { icon: SearchSlimIcon, hasSuggestion: this.searchBoxState.suggestions.length > 1 }), h(QuerySuggestionText, { suggestion: suggestion, hasQuery: hasQuery }))),\n onSelect: () => {\n this.searchBox.selectSuggestion(suggestion.rawValue);\n },\n };\n }\n renderPanel(elements, setRef, getRef) {\n if (!elements.length) {\n return null;\n }\n return (h(\"div\", { part: 'suggestions', ref: setRef, class: \"flex grow basis-1/2 flex-col\", onMouseDown: (e) => {\n if (e.target === getRef()) {\n e.preventDefault();\n }\n } }, elements.map((suggestion, index) => this.renderSuggestion(suggestion, index, elements.length - 1))));\n }\n renderSuggestions() {\n if (!this.suggestionManager.hasSuggestions) {\n this.suggestionManager.updateActiveDescendant();\n return null;\n }\n return (h(\"div\", { id: `${this.id}-popup`, part: \"suggestions-wrapper\", class: `bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${this.suggestionManager.hasSuggestions && this.isExpanded\n ? ''\n : 'hidden'}`, role: \"application\", \"aria-label\": this.bindings.i18n.t('search-suggestions-single-list'), ...(this.suggestionManager.activeDescendant && {\n 'aria-activedescendant': this.suggestionManager.activeDescendant,\n }) }, this.renderPanel(this.suggestionManager.allSuggestionElements, (el) => (this.suggestionManager.leftPanel = el), () => this.suggestionManager.leftPanel)));\n }\n getSearchInputLabel() {\n if (isMacOS()) {\n return this.bindings.i18n.t('search-box-with-suggestions-macos');\n }\n if (!hasKeyboard()) {\n return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n }\n return this.bindings.i18n.t('search-box-with-suggestions');\n }\n async onFocus() {\n if (this.isExpanded) {\n return;\n }\n this.isExpanded = true;\n await this.suggestionManager.triggerSuggestions();\n this.announceNewSuggestionsToScreenReader();\n }\n async onInput(value) {\n this.searchBox.updateText(value);\n this.isExpanded = true;\n await this.suggestionManager.triggerSuggestions();\n this.announceNewSuggestionsToScreenReader();\n }\n announceNewActiveSuggestionToScreenReader() {\n const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n if (isMacOS() && ariaLabel) {\n this.suggestionsAriaMessage = ariaLabel;\n }\n }\n announceNewSuggestionsToScreenReader() {\n const numberOfSuggestionsToAnnounce = this.suggestionManager.allSuggestionElements.filter(elementHasQuery).length;\n this.searchBoxAriaMessage = numberOfSuggestionsToAnnounce\n ? this.bindings.i18n.t(this.searchBoxState.value\n ? 'query-suggestions-available'\n : 'query-suggestions-available-no-query', {\n count: numberOfSuggestionsToAnnounce,\n query: this.searchBoxState.value,\n })\n : this.bindings.i18n.t('query-suggestions-unavailable');\n }\n render() {\n return (h(SearchBoxWrapper, { key: 'b3cd9c3cafbc808e46ac1b374244cf367a9d5d66', disabled: this.disableSearch, onFocusout: (event) => {\n if (!isFocusingOut(event)) {\n return;\n }\n this.suggestionManager.clearSuggestions();\n this.isExpanded = false;\n } }, h(\"atomic-icon\", { key: '6880133e13845ff34dc87782ff35d8b7a30a04dd', part: \"submit-icon\", icon: SearchSlimIcon, class: \"my-auto mr-0 ml-4 h-4 w-4\" }), h(SearchTextArea, { key: '664af1d6acf653649415810d74279ec091125a13', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {\n this.searchBox.clear();\n this.triggerTextAreaChange('');\n }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));\n }\n get host() { return this; }\n static get style() { return AtomicInsightSearchBoxStyle0; }\n}, [1, \"atomic-insight-search-box\", {\n \"disableSearch\": [516, \"disable-search\"],\n \"numberOfSuggestions\": [514, \"number-of-suggestions\"],\n \"searchBoxState\": [32],\n \"error\": [32],\n \"isExpanded\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightSearchBox$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('searchBox')\n], AtomicInsightSearchBox$1.prototype, \"searchBoxState\", void 0);\n__decorate([\n AriaLiveRegion('search-box')\n], AtomicInsightSearchBox$1.prototype, \"searchBoxAriaMessage\", void 0);\n__decorate([\n AriaLiveRegion('search-suggestions', true)\n], AtomicInsightSearchBox$1.prototype, \"suggestionsAriaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-search-box\", \"atomic-suggestion-renderer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-search-box\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightSearchBox$1);\n }\n break;\n case \"atomic-suggestion-renderer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightSearchBox = AtomicInsightSearchBox$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightSearchBox, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-search-box.js.map","import { h } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\nimport { R as RadioButton } from './stencil-radio-button.js';\nimport { H as Heading } from './stencil-heading.js';\n\nconst Checkmark = ``;\n\nconst Cross = ``;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackBanner = (props) => {\n const inquiryId = 'feedback-inquiry-' + props.id;\n const thankYouId = 'feedback-thank-you-' + props.id;\n const radioGroupName = 'feedback-options-' + props.id;\n const Inquiry = () => (h(\"span\", { id: inquiryId, part: \"feedback-inquiry\", class: \"shrink-0\" }, props.i18n.t('smart-snippet-feedback-inquiry')));\n const Buttons = () => (h(\"div\", { part: \"feedback-buttons\", class: \"flex gap-x-4\" },\n h(\"label\", { part: \"feedback-like-button\", class: 'flex items-center gap-x-1.5 ' +\n (props.liked ? 'text-success' : 'cursor-pointer hover:underline') },\n h(\"atomic-icon\", { icon: Checkmark, class: \"w-3.5\" }),\n h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('yes'), checked: props.liked, onChecked: () => props.onLike(), class: \"cursor-[inherit] text-[inherit]\" })),\n h(\"label\", { part: \"feedback-dislike-button\", class: 'flex items-center gap-x-1.5 ' +\n (props.disliked ? 'text-error' : 'cursor-pointer hover:underline') },\n h(\"atomic-icon\", { icon: Cross, class: \"w-3.5\" }),\n h(RadioButton, { groupName: radioGroupName, text: props.i18n.t('no'), checked: props.disliked, onChecked: () => props.onDislike(), class: \"cursor-[inherit] text-[inherit]\" }))));\n const ThankYouMessage = () => (h(\"span\", { id: thankYouId, part: \"feedback-thank-you\", class: \"inline-flex\" }, props.i18n.t('smart-snippet-feedback-thanks')));\n const ExplainWhyButton = () => (h(Button, { part: \"feedback-explain-why-button\", style: \"text-primary\", onClick: () => props.onPressExplainWhy(), ref: (element) => props.explainWhyRef?.(element) }, props.i18n.t('smart-snippet-feedback-explain-why')));\n const ThankYouContainer = ({ visible }) => visible ? (h(\"div\", { part: \"feedback-thank-you-wrapper\", class: \"flex flex-wrap gap-1\" },\n h(ThankYouMessage, null),\n props.disliked && !props.feedbackSent ? (h(ExplainWhyButton, null)) : ([]))) : ([]);\n return (h(\"div\", { part: \"feedback-banner\", class: \"flex flex-wrap items-center gap-4 text-sm leading-4\" },\n h(\"div\", { part: \"feedback-inquiry-and-buttons\", role: \"radiogroup\", \"aria-labelledby\": inquiryId, class: \"inline-flex flex-wrap gap-4\" },\n h(Inquiry, null),\n h(Buttons, null)),\n h(ThankYouContainer, { visible: props.liked || props.disliked })));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {\n return (h(\"aside\", { \"aria-label\": i18n.t('smart-snippet') },\n h(Heading, { level: headingLevel ?? 0, class: \"sr-only\" }, i18n.t('smart-snippet')),\n h(\"article\", { class: \"bg-background border-neutral text-on-background rounded-lg border p-6 pb-4\", part: \"smart-snippet\" }, children)));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetQuestion = ({ headingLevel, question }) => {\n return (h(Heading, { level: headingLevel ? headingLevel + 1 : 0, class: \"text-xl font-bold\", part: \"question\" }, question));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetTruncatedAnswer = ({ answer, style }) => {\n return (h(\"div\", { part: \"truncated-answer\" },\n h(\"atomic-smart-snippet-answer\", { exportparts: \"answer\", part: \"body\", htmlContent: answer, innerStyle: style })));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFooter = ({ i18n }, children) => {\n return (h(\"footer\", { part: \"footer\", \"aria-label\": i18n.t('smart-snippet-source') }, children));\n};\n\nexport { SmartSnippetWrapper as S, SmartSnippetQuestion as a, SmartSnippetFooter as b, SmartSnippetFeedbackBanner as c, SmartSnippetTruncatedAnswer as d };\n\n//# sourceMappingURL=stencil-smart-snippet-common.js.map","import { h } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackModalHeader = ({ i18n }) => {\n return h(\"h1\", { slot: \"header\" }, i18n.t('smart-snippet-feedback-explain-why'));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackModalBody = ({ formId, onSubmit }, children) => {\n return (h(\"form\", { part: \"form\", id: formId, slot: \"body\", onSubmit: onSubmit, class: \"flex flex-col gap-8\" }, children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeebackModalOptions = ({ i18n }, children) => {\n return (h(\"fieldset\", null,\n h(\"legend\", { part: \"reason-title\", class: \"text-on-background text-lg font-bold\" }, i18n.t('smart-snippet-feedback-select-reason')),\n children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackModalOption = ({ correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange }) => {\n return (h(\"div\", { class: \"flex items-center\", key: id, part: \"reason\" },\n h(\"input\", { part: \"reason-radio\", type: \"radio\", name: \"answer\", id: id, checked: currentAnswer === correspondingAnswer, onChange: onChange, class: \"mr-2 h-4 w-4\", required: true }),\n h(\"label\", { part: \"reason-label\", htmlFor: id }, i18n.t(localeKey))));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackModalDetails = ({ currentAnswer, i18n, setDetailsInputRef }) => {\n if (currentAnswer !== 'other') {\n return;\n }\n return (h(\"fieldset\", null,\n h(\"legend\", { part: \"details-title\", class: \"text-on-background text-lg font-bold\" }, i18n.t('details')),\n h(\"textarea\", { part: \"details-input\", name: \"answer-details\", ref: setDetailsInputRef, class: \"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\", rows: 4, required: true })));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetFeedbackModalFooter = ({ formId, i18n, onClick }) => {\n return (h(\"div\", { part: \"buttons\", slot: \"footer\", class: \"flex justify-end gap-2\" },\n h(Button, { part: \"cancel-button\", style: \"outline-neutral\", class: \"text-primary\", onClick: onClick }, i18n.t('cancel')),\n h(Button, { part: \"submit-button\", style: \"primary\", type: \"submit\", form: formId }, i18n.t('feedback-send'))));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst smartSnippetFeedbackOptions = [\n {\n id: 'does-not-answer',\n localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n correspondingAnswer: 'does_not_answer',\n },\n {\n id: 'partially-answers',\n localeKey: 'smart-snippet-feedback-reason-partially-answers',\n correspondingAnswer: 'partially_answers',\n },\n {\n id: 'was-not-a-question',\n localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n correspondingAnswer: 'was_not_a_question',\n },\n {\n id: 'other',\n localeKey: 'smart-snippet-feedback-reason-other',\n correspondingAnswer: 'other',\n },\n];\n\nexport { SmartSnippetFeedbackModalHeader as S, SmartSnippetFeedbackModalBody as a, SmartSnippetFeebackModalOptions as b, SmartSnippetFeedbackModalOption as c, SmartSnippetFeedbackModalDetails as d, SmartSnippetFeedbackModalFooter as e, smartSnippetFeedbackOptions as s };\n\n//# sourceMappingURL=stencil-smart-snippet-feedback-modal-common.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { S as SmartSnippetFeedbackModalHeader, a as SmartSnippetFeedbackModalBody, b as SmartSnippetFeebackModalOptions, s as smartSnippetFeedbackOptions, c as SmartSnippetFeedbackModalOption, d as SmartSnippetFeedbackModalDetails, e as SmartSnippetFeedbackModalFooter } from './stencil-smart-snippet-feedback-modal-common.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippet } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings } from './initialization-utils.js';\n\nconst atomicInsightSmartSnippetFeedbackModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='reason'] {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n color: var(--atomic-neutral-dark);\\n}\\n@media (width >= 1024px) {\\n [part='reason'] {\\n margin-top: calc(0.25rem * 2);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n [part='reason'] {\\n margin-top: calc(0.25rem * 4);\\n }\\n}\\n[part='cancel-button'], [part='submit-button'] {\\n display: flex;\\n justify-content: center;\\n padding: calc(0.25rem * 2);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightSmartSnippetFeedbackModalStyle0 = atomicInsightSmartSnippetFeedbackModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class AtomicInsightSmartSnippetFeedbackModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.feedbackSent = createEvent(this, \"feedbackSent\", 7);\n this.isOpen = false;\n this.formId = randomID('atomic-smart-snippet-feedback-modal-form-');\n this.error = undefined;\n this.source = undefined;\n this.isOpen = false;\n this.currentAnswer = undefined;\n }\n watchToggleOpen(isOpen) {\n if (isOpen) {\n this.smartSnippet.openFeedbackModal();\n this.currentAnswer = undefined;\n }\n }\n initialize() {\n this.smartSnippet = buildSmartSnippet(this.bindings.engine);\n }\n render() {\n updateBreakpoints(this.host);\n return (h(\"atomic-modal\", { key: '93627095fca03b3ebd99a72125372b815ea3a934', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '80430e8d9b64af8b2e33a0c24285990b73ed3a8a', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '440b774c8730021e4630bf95912aaa080b82e5de', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '4ace3782d1c3d8de066970d68aad958cc23954db', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {\n this.currentAnswer = correspondingAnswer;\n } })))), h(SmartSnippetFeedbackModalDetails, { key: '71d35499d42f163db11fa1c1e77c5b6be952bfee', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'bbb3a9018913e5206ed7f9d64326b2c814e6ad09', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));\n }\n close() {\n this.isOpen = false;\n this.smartSnippet.closeFeedbackModal();\n }\n sendFeedback(e) {\n e.preventDefault();\n if (this.currentAnswer === 'other') {\n this.smartSnippet.sendDetailedFeedback(this.detailsInputRef.value);\n }\n else {\n this.smartSnippet.sendFeedback(this.currentAnswer);\n }\n this.feedbackSent.emit();\n this.isOpen = false;\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchToggleOpen\"]\n }; }\n static get style() { return AtomicInsightSmartSnippetFeedbackModalStyle0; }\n}, [1, \"atomic-insight-smart-snippet-feedback-modal\", {\n \"source\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"error\": [32],\n \"currentAnswer\": [32]\n }, undefined, {\n \"isOpen\": [\"watchToggleOpen\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightSmartSnippetFeedbackModal.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-smart-snippet-feedback-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-smart-snippet-feedback-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightSmartSnippetFeedbackModal);\n }\n break;\n } });\n}\n\nexport { AtomicInsightSmartSnippetFeedbackModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-insight-smart-snippet-feedback-modal2.js.map","const ArrowDown = `\n\n\n`;\n\nexport { ArrowDown as A };\n\n//# sourceMappingURL=arrow-down.js.map","import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { A as ArrowDown } from './arrow-down.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\n\nconst atomicSmartSnippetCollapseWrapperCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host::part(smart-snippet-collapse-wrapper) {\\n --font-size: var(--atomic-text-lg);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n height: auto;\\n max-height: var(--collapsed-size);\\n --gradient-start: var(\\n --atomic-smart-snippet-gradient-start,\\n calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\\n );\\n color: var(--atomic-on-background);\\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\\n transition: max-height 2s cubic-bezier(0, 1, 0.16, 1) -1.82s;\\n}\\n:host button atomic-icon {\\n position: relative;\\n top: calc(0.25rem * 0.5);\\n}\\n:host(.expanded)::part(smart-snippet-collapse-wrapper) {\\n height: auto;\\n max-height: 9999999px;\\n transition: max-height 2s cubic-bezier(1, 0, 1, 0) 0s;\\n mask-image: none;\\n}\\n:host(.expanded) button atomic-icon {\\n top: calc(0.25rem * 0);\\n --tw-scale-y: calc(100% * -1);\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSmartSnippetCollapseWrapperStyle0 = atomicSmartSnippetCollapseWrapperCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippetCollapseWrapper = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippetCollapseWrapper extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isExpanded = true;\n this.showButton = true;\n this.shouldRenderButton = !!this.maximumHeight;\n this.maximumHeight = undefined;\n this.collapsedHeight = undefined;\n this.isExpanded = true;\n this.showButton = true;\n this.fullHeight = undefined;\n }\n validateProps() {\n if (this.maximumHeight &&\n (!this.collapsedHeight || this.maximumHeight < this.collapsedHeight)) {\n throw new Error('snippetMaximumHeight must be equal or greater than snippetCollapsedHeight');\n }\n }\n initialize() {\n this.validateProps();\n }\n componentDidRender() {\n if (this.fullHeight === undefined && this.shouldRenderButton) {\n this.initializeFullHeight();\n }\n }\n initializeFullHeight() {\n this.fullHeight = this.host.getBoundingClientRect().height;\n this.showButton = this.fullHeight > this.maximumHeight;\n this.isExpanded = !this.showButton;\n this.host.style.setProperty('--collapsed-size', this.collapsedHeight + 'px');\n }\n renderButton() {\n if (!this.showButton) {\n return;\n }\n return (h(\"button\", { onClick: () => (this.isExpanded = !this.isExpanded), class: \"text-primary mb-4 hover:underline\", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h(\"atomic-icon\", { icon: ArrowDown, class: \"ml-2 w-3 align-baseline\" })));\n }\n render() {\n return (h(Host, { key: 'b223870d9891bec001a8963247b02a36e1be7602', class: this.fullHeight || !this.shouldRenderButton\n ? this.isExpanded\n ? 'expanded'\n : ''\n : 'invisible' }, h(\"div\", { key: '30cbda1d60ce40a3ffac1b83fd84f8c02396a613', part: \"smart-snippet-collapse-wrapper\", class: \"block overflow-hidden\" }, h(\"slot\", { key: '89ed1c2addb571ed560dac333c25805459c7a53d' })), this.shouldRenderButton && this.renderButton()));\n }\n get host() { return this; }\n static get style() { return AtomicSmartSnippetCollapseWrapperStyle0; }\n}, [1, \"atomic-smart-snippet-collapse-wrapper\", {\n \"maximumHeight\": [514, \"maximum-height\"],\n \"collapsedHeight\": [514, \"collapsed-height\"],\n \"isExpanded\": [32],\n \"showButton\": [32],\n \"fullHeight\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippetCollapseWrapper.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet-collapse-wrapper\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet-collapse-wrapper\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippetCollapseWrapper);\n }\n break;\n } });\n}\n\nexport { AtomicSmartSnippetCollapseWrapper as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-smart-snippet-collapse-wrapper2.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { A as ArrowDown } from './arrow-down.js';\nimport { l as listenOnce } from './event-utils.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { d as defineCustomElement$1 } from './atomic-smart-snippet-answer2.js';\n\nconst atomicSmartSnippetExpandableAnswerCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host atomic-smart-snippet-answer {\\n --font-size: var(--atomic-text-lg);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n display: block;\\n overflow: hidden;\\n height: var(--collapsed-size);\\n --gradient-start: var(\\n --atomic-smart-snippet-gradient-start,\\n calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))\\n );\\n color: var(--atomic-on-background);\\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\\n}\\n:host atomic-smart-snippet-answer.loaded {\\n transition: height ease-in-out 0.25s;\\n}\\n:host button atomic-icon {\\n position: relative;\\n top: calc(0.25rem * 0.5);\\n}\\n:host .expanded atomic-smart-snippet-answer {\\n height: var(--full-height);\\n mask-image: none;\\n}\\n:host .expanded button atomic-icon {\\n top: calc(0.25rem * 0);\\n --tw-scale-y: calc(100% * -1);\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSmartSnippetExpandableAnswerStyle0 = atomicSmartSnippetExpandableAnswerCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippetExpandableAnswer = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippetExpandableAnswer extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.expand = createEvent(this, \"expand\", 7);\n this.collapse = createEvent(this, \"collapse\", 7);\n this.selectInlineLink = createEvent(this, \"selectInlineLink\", 7);\n this.beginDelayedSelectInlineLink = createEvent(this, \"beginDelayedSelectInlineLink\", 7);\n this.cancelPendingSelectInlineLink = createEvent(this, \"cancelPendingSelectInlineLink\", 7);\n /**\n * The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n */\n this.maximumHeight = 250;\n /**\n * When the answer is partly hidden, how much of its height (in pixels) should be visible.\n */\n this.collapsedHeight = 180;\n this.expanded = undefined;\n this.htmlContent = undefined;\n this.maximumHeight = 250;\n this.collapsedHeight = 180;\n this.snippetStyle = undefined;\n this.fullHeight = undefined;\n }\n validateProps() {\n if (this.maximumHeight < this.collapsedHeight) {\n throw 'maximumHeight must be equal or greater than collapsedHeight';\n }\n }\n initialize() {\n this.validateProps();\n }\n fullHeightUpdated() {\n this.host.style.setProperty('--full-height', `${this.fullHeight}px`);\n this.host.style.setProperty('--collapsed-size', `${this.showButton ? this.collapsedHeight : this.fullHeight}px`);\n }\n establishInitialHeight() {\n const answerElement = document.createElement('atomic-smart-snippet-answer');\n answerElement.htmlContent = this.htmlContent;\n answerElement.innerStyle = this.snippetStyle;\n answerElement.style.visibility = 'hidden';\n answerElement.style.position = 'absolute';\n return new Promise((resolve) => {\n listenOnce(answerElement, 'answerSizeUpdated', (event) => {\n answerElement.remove();\n resolve(event.detail.height);\n });\n this.host.parentElement.appendChild(answerElement);\n });\n }\n get showButton() {\n return this.fullHeight > this.maximumHeight;\n }\n get isExpanded() {\n return this.expanded || !this.showButton;\n }\n async componentWillLoad() {\n this.fullHeight = await this.establishInitialHeight();\n }\n renderAnswer() {\n return (h(\"div\", { part: \"truncated-answer\" }, h(\"atomic-smart-snippet-answer\", { exportparts: \"answer\", htmlContent: this.htmlContent, innerStyle: this.snippetStyle, onAnswerSizeUpdated: (e) => (this.fullHeight = e.detail.height), onSelectInlineLink: (e) => this.selectInlineLink.emit(e.detail), onBeginDelayedSelectInlineLink: (e) => this.beginDelayedSelectInlineLink.emit(e.detail), onCancelPendingSelectInlineLink: (e) => this.cancelPendingSelectInlineLink.emit(e.detail) })));\n }\n renderButton() {\n if (!this.showButton) {\n return;\n }\n return (h(\"button\", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: \"text-primary mb-4 hover:underline\", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h(\"atomic-icon\", { icon: ArrowDown, class: \"ml-2 w-3 align-baseline\" })));\n }\n render() {\n return (h(\"div\", { key: 'a458756a6739623239ffa6303d56c4282e43af2b', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));\n }\n get host() { return this; }\n static get watchers() { return {\n \"fullHeight\": [\"fullHeightUpdated\"]\n }; }\n static get style() { return AtomicSmartSnippetExpandableAnswerStyle0; }\n}, [1, \"atomic-smart-snippet-expandable-answer\", {\n \"expanded\": [516],\n \"htmlContent\": [1, \"html-content\"],\n \"maximumHeight\": [514, \"maximum-height\"],\n \"collapsedHeight\": [514, \"collapsed-height\"],\n \"snippetStyle\": [1, \"snippet-style\"],\n \"fullHeight\": [32]\n }, undefined, {\n \"fullHeight\": [\"fullHeightUpdated\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippetExpandableAnswer.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet-expandable-answer\", \"atomic-smart-snippet-answer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet-expandable-answer\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippetExpandableAnswer);\n }\n break;\n case \"atomic-smart-snippet-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\n\nexport { AtomicSmartSnippetExpandableAnswer as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-smart-snippet-expandable-answer2.js.map","import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { L as LinkWithItemAnalytics } from './stencil-item-link.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippetSource = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippetSource extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.selectSource = createEvent(this, \"selectSource\", 7);\n this.beginDelayedSelectSource = createEvent(this, \"beginDelayedSelectSource\", 7);\n this.cancelPendingSelectSource = createEvent(this, \"cancelPendingSelectSource\", 7);\n this.source = undefined;\n this.anchorAttributes = undefined;\n this.error = undefined;\n }\n resolveResult(event) {\n event.preventDefault();\n event.stopPropagation();\n if (this.source) {\n event.detail(this.source);\n }\n }\n render() {\n return (h(Host, { key: '5e086c21ded6c05bf72ae1b81ea37062475da4bf' }, h(LinkWithItemAnalytics, { key: '418d218fdca572b06b9f5e1eb950a7cc8e00880f', title: this.source.clickUri, href: this.source.clickUri, className: \"block truncate\", part: \"source-url\", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: 'bfb79101e8e6a76848700f6add75120bf6cf5958', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: \"block\", part: \"source-title\", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h(\"atomic-result-text\", { field: \"title\", default: \"no-title\", key: this.source.uniqueId }))));\n }\n}, [0, \"atomic-smart-snippet-source\", {\n \"source\": [1040],\n \"anchorAttributes\": [16],\n \"error\": [32]\n }, [[0, \"atomic/resolveResult\", \"resolveResult\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippetSource.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet-source\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet-source\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippetSource);\n }\n break;\n } });\n}\n\nexport { AtomicSmartSnippetSource as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-smart-snippet-source2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';\nimport { S as SmartSnippetWrapper, a as SmartSnippetQuestion, b as SmartSnippetFooter, c as SmartSnippetFeedbackBanner } from './stencil-smart-snippet-common.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippet } from '@eternal-baguette/headless/insight';\nimport { d as defineCustomElement$6 } from './atomic-insight-smart-snippet-feedback-modal2.js';\nimport { d as defineCustomElement$5 } from './atomic-smart-snippet-answer2.js';\nimport { d as defineCustomElement$4 } from './atomic-smart-snippet-collapse-wrapper2.js';\nimport { d as defineCustomElement$3 } from './atomic-smart-snippet-expandable-answer2.js';\nimport { d as defineCustomElement$2 } from './atomic-smart-snippet-source2.js';\n\nconst atomicInsightSmartSnippetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n --font-size: var(--atomic-text-base);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n --font-size: var(--atomic-text-xl);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n margin-bottom: calc(0.25rem * 6);\\n}\\nfooter:before {\\n content: ' ';\\n display: block;\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n margin-bottom: 1.5rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightSmartSnippetStyle0 = atomicInsightSmartSnippetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightSmartSnippet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightSmartSnippet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.\n */\n this.headingLevel = 0;\n /**\n * The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n */\n this.maximumHeight = 250;\n /**\n * When the answer is partly hidden, how much of its height (in pixels) should be visible.\n */\n this.collapsedHeight = 180;\n this.feedbackSent = false;\n this.smartSnippetState = undefined;\n this.headingLevel = 0;\n this.maximumHeight = 250;\n this.collapsedHeight = 180;\n this.snippetStyle = undefined;\n this.feedbackSent = false;\n }\n initialize() {\n this.id ||= randomID();\n this.smartSnippet = buildSmartSnippet(this.bindings.engine);\n }\n setModalRef(ref) {\n this.modalRef = ref;\n }\n setFeedbackSent(isSent) {\n this.feedbackSent = isSent;\n }\n componentWillUpdate() {\n if (!(this.smartSnippetState.liked || this.smartSnippetState.disliked)) {\n this.setFeedbackSent(false);\n }\n }\n render() {\n if (!this.smartSnippetState.answerFound) {\n return h(Hidden, null);\n }\n const source = this.smartSnippetState.source;\n return (h(SmartSnippetWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, h(\"atomic-smart-snippet-collapse-wrapper\", null, h(SmartSnippetQuestion, { headingLevel: this.headingLevel, question: this.smartSnippetState.question }), h(\"atomic-smart-snippet-expandable-answer\", { collapsedHeight: this.collapsedHeight, expanded: this.smartSnippetState.expanded, exportparts: \"answer,show-more-button,show-less-button,truncated-answer\", htmlContent: this.smartSnippetState.answer, maximumHeight: this.maximumHeight, onCollapse: () => this.smartSnippet.collapse(), onExpand: () => this.smartSnippet.expand(), part: \"body\", snippetStyle: this.style }), h(SmartSnippetFooter, { i18n: this.bindings.i18n }, source && (h(\"atomic-smart-snippet-source\", { anchorAttributes: getAttributesFromLinkSlotContent(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: this.smartSnippet.beginDelayedSelectSource, onCancelPendingSelectSource: this.smartSnippet.cancelPendingSelectSource, onSelectSource: this.smartSnippet.selectSource, source: source })), h(SmartSnippetFeedbackBanner, { disliked: this.smartSnippetState.disliked, explainWhyRef: (button) => {\n if (this.modalRef) {\n this.modalRef.source = button;\n }\n }, feedbackSent: this.feedbackSent, id: this.id, i18n: this.bindings.i18n, liked: this.smartSnippetState.liked, onDislike: () => {\n this.loadModal();\n this.smartSnippet.dislike();\n }, onLike: () => this.smartSnippet.like(), onPressExplainWhy: () => (this.modalRef.isOpen = true) })))));\n }\n get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n loadModal() {\n if (this.modalRef) {\n return;\n }\n const modalRef = document.createElement('atomic-insight-smart-snippet-feedback-modal');\n modalRef.addEventListener('feedbackSent', () => {\n this.setFeedbackSent(true);\n });\n this.setModalRef(modalRef);\n this.host.insertAdjacentElement('beforebegin', modalRef);\n }\n get host() { return this; }\n static get style() { return AtomicInsightSmartSnippetStyle0; }\n}, [1, \"atomic-insight-smart-snippet\", {\n \"headingLevel\": [514, \"heading-level\"],\n \"maximumHeight\": [514, \"maximum-height\"],\n \"collapsedHeight\": [514, \"collapsed-height\"],\n \"snippetStyle\": [513, \"snippet-style\"],\n \"smartSnippetState\": [32],\n \"feedbackSent\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightSmartSnippet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('smartSnippet')\n], AtomicInsightSmartSnippet$1.prototype, \"smartSnippetState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-smart-snippet\", \"atomic-insight-smart-snippet-feedback-modal\", \"atomic-smart-snippet-answer\", \"atomic-smart-snippet-collapse-wrapper\", \"atomic-smart-snippet-expandable-answer\", \"atomic-smart-snippet-source\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-smart-snippet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightSmartSnippet$1);\n }\n break;\n case \"atomic-insight-smart-snippet-feedback-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$6();\n }\n break;\n case \"atomic-smart-snippet-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"atomic-smart-snippet-collapse-wrapper\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"atomic-smart-snippet-expandable-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-smart-snippet-source\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightSmartSnippet = AtomicInsightSmartSnippet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightSmartSnippet, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-smart-snippet.js.map","const ArrowRight = `\n\n\n`;\n\nexport { ArrowRight as A };\n\n//# sourceMappingURL=arrow-right.js.map","import { h } from '@stencil/core/internal/client';\nimport { B as Button } from './stencil-button.js';\nimport { H as Heading } from './stencil-heading.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetSuggestionsWrapper = ({ headingLevel, i18n }, children) => {\n return (h(\"aside\", { part: \"container\", class: \"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\", \"aria-label\": i18n.t('smart-snippet-people-also-ask') },\n h(Heading, { level: headingLevel, part: \"heading\", class: \"border-neutral border-b px-6 py-4 text-xl leading-8\" }, i18n.t('smart-snippet-people-also-ask')),\n h(\"ul\", { part: \"questions\", class: \"divide-neutral divide-y\" }, children)));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetSuggestionsQuestionWrapper = ({ expanded, key }, children) => {\n return (h(\"li\", { key: key, part: `question-answer-${expanded ? 'expanded' : 'collapsed'}`, class: \"flex flex-col\" },\n h(\"article\", { class: \"contents\" }, children)));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetSuggestionsQuestion = ({ ariaControls, expanded, headingLevel, onClick, question }, atomicIcon) => {\n return (h(Button, { style: \"text-neutral\", part: getQuestionPart('button', expanded), onClick: onClick, class: \"flex items-center px-4\", ariaExpanded: expanded ? 'true' : undefined, ariaControls: expanded ? ariaControls : undefined },\n atomicIcon,\n h(Heading, { level: headingLevel ? headingLevel + 1 : 0, class: \"py-4 text-left text-xl font-bold\", part: getQuestionPart('text', expanded) }, question)));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetSuggestionsAnswerAndSourceWrapper = ({ id }, children) => {\n return (h(\"div\", { part: \"answer-and-source\", class: \"pr-6 pb-6 pl-10\", id: id }, children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SmartSnippetSuggestionsFooter = ({ i18n }, children) => {\n return (h(\"footer\", { part: \"footer\", \"aria-label\": i18n.t('smart-snippet-source') }, children));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst getQuestionPart = (base, expanded) => `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n\nexport { SmartSnippetSuggestionsWrapper as S, SmartSnippetSuggestionsQuestionWrapper as a, SmartSnippetSuggestionsQuestion as b, SmartSnippetSuggestionsAnswerAndSourceWrapper as c, SmartSnippetSuggestionsFooter as d, getQuestionPart as g };\n\n//# sourceMappingURL=stencil-smart-snippet-suggestions-common.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippetQuestionsList } from '@eternal-baguette/headless/insight';\nimport { A as ArrowDown } from './arrow-down.js';\nimport { A as ArrowRight } from './arrow-right.js';\nimport { S as SmartSnippetSuggestionsWrapper, a as SmartSnippetSuggestionsQuestionWrapper, b as SmartSnippetSuggestionsQuestion, g as getQuestionPart, c as SmartSnippetSuggestionsAnswerAndSourceWrapper, d as SmartSnippetSuggestionsFooter } from './stencil-smart-snippet-suggestions-common.js';\nimport { d as defineCustomElement$3 } from './atomic-smart-snippet-answer2.js';\nimport { d as defineCustomElement$2 } from './atomic-smart-snippet-source2.js';\n\nconst atomicInsightSmartSnippetSuggestionsCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='answer-and-source'] {\\n margin-top: -0.5rem;\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n --font-size: var(--atomic-text-base);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n display: block;\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n --font-size: var(--atomic-text-xl);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n display: block;\\n}\\nfooter:before {\\n content: ' ';\\n display: block;\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n margin-bottom: 1.5rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightSmartSnippetSuggestionsStyle0 = atomicInsightSmartSnippetSuggestionsCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightSmartSnippetSuggestions$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightSmartSnippetSuggestions extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the \"People also ask\" heading over the snippets, from 1 to 5.\n */\n this.headingLevel = 0;\n this.smartSnippetQuestionsListState = undefined;\n this.headingLevel = 0;\n this.snippetStyle = undefined;\n }\n initialize() {\n this.id ||= randomID('atomic-smart-snippet-suggestions-');\n this.smartSnippetQuestionsList = buildSmartSnippetQuestionsList(this.bindings.engine);\n }\n render() {\n if (!this.smartSnippetQuestionsListState.questions.length) {\n return h(Hidden, null);\n }\n return (h(SmartSnippetSuggestionsWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, this.smartSnippetQuestionsListState.questions.map((relatedQuestion, i) => this.renderRelatedQuestion(relatedQuestion, i))));\n }\n renderRelatedQuestion(relatedQuestion, index) {\n return (h(SmartSnippetSuggestionsQuestionWrapper, { expanded: relatedQuestion.expanded, key: relatedQuestion.questionAnswerId }, h(SmartSnippetSuggestionsQuestion, { ariaControls: `${this.id}-${index}`, expanded: relatedQuestion.expanded, headingLevel: this.headingLevel, onClick: () => this.toggleQuestion(relatedQuestion), question: relatedQuestion.question }, h(\"atomic-icon\", { icon: relatedQuestion.expanded ? ArrowDown : ArrowRight, part: getQuestionPart('icon', relatedQuestion.expanded), class: \"mr-3 w-2.5 stroke-[1.25]\" })), relatedQuestion.expanded && this.renderAnswer(relatedQuestion, index)));\n }\n renderAnswer(relatedQuestion, index) {\n return (h(SmartSnippetSuggestionsAnswerAndSourceWrapper, { expanded: relatedQuestion.expanded, id: `${this.id}-${index}` }, h(\"atomic-smart-snippet-answer\", { exportparts: \"answer\", htmlContent: relatedQuestion.answer, innerStyle: this.style, onSelectInlineLink: (e) => this.smartSnippetQuestionsList.selectInlineLink(relatedQuestion.questionAnswerId, e.detail), onBeginDelayedSelectInlineLink: (e) => this.smartSnippetQuestionsList.beginDelayedSelectInlineLink(relatedQuestion.questionAnswerId, e.detail), onCancelPendingSelectInlineLink: (e) => this.smartSnippetQuestionsList.cancelPendingSelectInlineLink(relatedQuestion.questionAnswerId, e.detail) }), relatedQuestion.source &&\n this.renderSource(relatedQuestion.questionAnswerId, relatedQuestion.source)));\n }\n renderSource(questionAnswerId, source) {\n return (h(SmartSnippetSuggestionsFooter, { i18n: this.bindings.i18n }, h(\"atomic-smart-snippet-source\", { anchorAttributes: getAttributesFromLinkSlotContent(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: () => this.smartSnippetQuestionsList.beginDelayedSelectSource(questionAnswerId), onCancelPendingSelectSource: () => this.smartSnippetQuestionsList.cancelPendingSelectSource(questionAnswerId), onSelectSource: () => this.smartSnippetQuestionsList.selectSource(questionAnswerId), source: source })));\n }\n get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n toggleQuestion(relatedQuestion) {\n if (relatedQuestion.expanded) {\n this.smartSnippetQuestionsList.collapse(relatedQuestion.questionAnswerId);\n }\n else {\n this.smartSnippetQuestionsList.expand(relatedQuestion.questionAnswerId);\n }\n }\n get host() { return this; }\n static get style() { return AtomicInsightSmartSnippetSuggestionsStyle0; }\n}, [1, \"atomic-insight-smart-snippet-suggestions\", {\n \"headingLevel\": [514, \"heading-level\"],\n \"snippetStyle\": [1, \"snippet-style\"],\n \"smartSnippetQuestionsListState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightSmartSnippetSuggestions$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('smartSnippetQuestionsList')\n], AtomicInsightSmartSnippetSuggestions$1.prototype, \"smartSnippetQuestionsListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-smart-snippet-suggestions\", \"atomic-smart-snippet-answer\", \"atomic-smart-snippet-source\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-smart-snippet-suggestions\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightSmartSnippetSuggestions$1);\n }\n break;\n case \"atomic-smart-snippet-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-smart-snippet-source\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightSmartSnippetSuggestions = AtomicInsightSmartSnippetSuggestions$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightSmartSnippetSuggestions, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-smart-snippet-suggestions.js.map","import { c as commonjsGlobal } from './_commonjsHelpers.js';\n\nvar dayjs_min = {exports: {}};\n\n(function (module, exports) {\n!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r=\"millisecond\",i=\"second\",s=\"minute\",u=\"hour\",a=\"day\",o=\"week\",c=\"month\",f=\"quarter\",h=\"year\",d=\"date\",l=\"Invalid Date\",$=/^(\\d{4})[-/]?(\\d{1,2})?[-/]?(\\d{0,2})[Tt\\s]*(\\d{1,2})?:?(\\d{1,2})?:?(\\d{1,2})?[.:]?(\\d+)?$/,y=/\\[([^\\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:\"en\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),ordinal:function(t){var e=[\"th\",\"st\",\"nd\",\"rd\"],n=t%100;return \"[\"+t+(e[(n-20)%10]||e[n]||e[0])+\"]\"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:\"\"+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?\"+\":\"-\")+m(r,2,\"0\")+\":\"+m(i,2,\"0\")},m:function t(e,n){if(e.date()1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n=\"object\"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if(\"string\"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||\"0\").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\\d\\d:?(\\d\\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if(\"Z\"===e)return 0;var t=e.match(/([+-]|\\d\\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:\"+\"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?\"pm\":\"PM\");return n},c={A:[o,function(e){this.afternoon=d(e,!1);}],a:[o,function(e){this.afternoon=d(e,!0);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f(\"seconds\")],ss:[i,f(\"seconds\")],m:[i,f(\"minutes\")],mm:[i,f(\"minutes\")],H:[i,f(\"hours\")],h:[i,f(\"hours\")],HH:[i,f(\"hours\")],hh:[i,f(\"hours\")],D:[i,f(\"day\")],DD:[r,f(\"day\")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\\[|\\]/g,\"\")===e&&(this.day=r);}],w:[i,f(\"week\")],ww:[r,f(\"week\")],M:[i,f(\"month\")],MM:[r,f(\"month\")],MMM:[o,function(e){var t=u(\"months\"),n=(u(\"monthsShort\")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u(\"months\").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\\d+/,f(\"year\")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\\d{4}/,f(\"year\")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\\[[^\\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\\[[^\\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f-1)return new Date((\"X\"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date(\"\")}}(t,a,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(\"\")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(\"\"));}else i.call(this,e);};}}));\n}(customParseFormat$1));\n\nconst customParseFormat = customParseFormat$1.exports;\n\ndayjs.extend(customParseFormat);\nfunction parseDate(date) {\n return dayjs(date);\n}\n/**\n * Parses a given timestamp into detailed date components.\n *\n * @function\n * @param {number} timestamp - The timestamp in milliseconds since January 1, 1970 (epoch time).\n * @returns {Object} An object containing the following date details:\n * - {number} year - The four-digit year (for example, 2024).\n * - {string} month - The full name of the month (for example, \"August\").\n * - {string} dayOfWeek - The abbreviated name of the day of the week (for example, \"Mon\").\n * - {number} day - The day of the month (for example, 26).\n * - {number} hours - The hour of the day in 24-hour format (0-23).\n * - {number} minutes - The minutes of the hour (0-59).\n */\nfunction parseTimestampToDateDetails(timestamp) {\n const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n const months = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ];\n const date = new Date(timestamp);\n const dayOfWeek = daysOfWeek[date.getDay()];\n const month = months[date.getMonth()];\n const day = date.getDate();\n const year = date.getFullYear();\n const hours = date.getHours();\n const minutes = date.getMinutes();\n return {\n year,\n month,\n dayOfWeek,\n day,\n hours,\n minutes,\n };\n}\n\nexport { parseTimestampToDateDetails as a, parseDate as p };\n\n//# sourceMappingURL=date-utils.js.map","import { h } from '@stencil/core/internal/client';\nimport { p as parseDate } from './date-utils.js';\nimport { g as getFieldValueCaption, F as FacetValuesGroup } from './stencil-facet-values-group.js';\nimport { r as randomID } from './utils.js';\nimport { H as Hidden } from './initialization-utils.js';\nimport { a as FacetValueLink, F as FacetValueLabelHighlight, c as FacetHeader, b as FacetContainer } from './stencil-facet-value-link.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { i as initializePopover } from './popover-type.js';\nimport { b as shouldDisplayInputForFacetRange } from './stencil-facet-common.js';\n\nclass TimeframeFacetCommon {\n constructor(props) {\n this.props = props;\n this.manualTimeframes = [];\n this.facetId = this.determineFacetId;\n this.props.setFacetId(this.facetId);\n this.manualTimeframes = this.getManualTimeframes();\n // Initialize two facets: One that is actually used to display values for end users, which only exists\n // if we need to display something to the end user (ie: timeframes > 0)\n // A second facet is initialized only to verify the results count. It is never used to display results to end user.\n // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component\n if (this.manualTimeframes.length > 0) {\n this.facetForDateRange = this.props.initializeFacetForDateRange(this.currentValues);\n }\n if (this.props.withDatePicker) {\n this.facetForDatePicker = this.props.initializeFacetForDatePicker();\n this.facetForDatePickerDependenciesManager =\n this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);\n this.filter = this.props.initializeFilter();\n }\n if (this.facetForDateRange) {\n this.facetForDateRangeDependenciesManager =\n this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId);\n }\n if (this.filter) {\n this.filterDependenciesManager = this.props.buildDependenciesManager(this.filter?.state.facetId);\n }\n this.registerFacetToStore();\n }\n get determineFacetId() {\n if (this.props.facetId) {\n return this.props.facetId;\n }\n if (this.props.bindings.store.state.dateFacets[this.props.field]) {\n return randomID(`${this.props.field}_`);\n }\n return this.props.field;\n }\n get enabled() {\n return (this.facetForDateRange?.state.enabled ??\n this.filter?.state.enabled ??\n true);\n }\n get valuesToRender() {\n return (this.facetForDateRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);\n }\n get shouldRenderValues() {\n return !this.hasInputRange && !!this.valuesToRender.length;\n }\n get shouldRenderFacet() {\n return this.shouldRenderInput || this.shouldRenderValues;\n }\n get shouldRenderInput() {\n return shouldDisplayInputForFacetRange({\n hasInput: this.props.withDatePicker,\n hasInputRange: this.hasInputRange,\n searchStatusState: this.props.getSearchStatusState(),\n facetValues: this.facetForDatePicker?.state?.values || [],\n });\n }\n get hasValues() {\n if (this.facetForDatePicker?.state.values.length) {\n return true;\n }\n return !!this.valuesToRender.length;\n }\n get numberOfSelectedValues() {\n if (this.filter?.state?.range) {\n return 1;\n }\n return (this.facetForDateRange?.state.values.filter(({ state }) => state === 'selected').length || 0);\n }\n get hasInputRange() {\n return !!this.filter?.state.range;\n }\n get currentValues() {\n return this.manualTimeframes.map(({ period, amount, unit }) => period === 'past'\n ? this.props.buildDateRange({\n start: { period, unit, amount },\n end: { period: 'now' },\n })\n : this.props.buildDateRange({\n start: { period: 'now' },\n end: { period, unit, amount },\n }));\n }\n disconnectedCallback() {\n if (this.props.host.isConnected) {\n return;\n }\n this.facetForDateRangeDependenciesManager?.stopWatching();\n this.facetForDatePickerDependenciesManager?.stopWatching();\n this.filterDependenciesManager?.stopWatching();\n }\n get isHidden() {\n return !this.shouldRenderFacet || !this.enabled;\n }\n registerFacetToStore() {\n const facetInfo = {\n label: () => this.props.bindings.i18n.t(this.props.label),\n facetId: this.facetId,\n element: this.props.host,\n isHidden: () => this.isHidden,\n };\n this.props.bindings.store.registerFacet('dateFacets', {\n ...facetInfo,\n format: (value) => this.formatFacetValue(value),\n });\n initializePopover(this.props.host, {\n ...facetInfo,\n hasValues: () => this.hasValues,\n numberOfActiveValues: () => this.numberOfSelectedValues,\n });\n if (this.filter) {\n this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =\n this.props.bindings.store.state.dateFacets[this.facetId];\n }\n }\n getManualTimeframes() {\n return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(({ label, amount, unit, period }) => ({\n label,\n amount,\n unit,\n period,\n }));\n }\n formatFacetValue(facetValue) {\n try {\n const startDate = this.props.deserializeRelativeDate(facetValue.start);\n const relativeDate = startDate.period === 'past'\n ? startDate\n : this.props.deserializeRelativeDate(facetValue.end);\n const timeframe = this.getManualTimeframes().find((timeframe) => timeframe.period === relativeDate.period &&\n timeframe.unit === relativeDate.unit &&\n timeframe.amount === relativeDate.amount);\n if (timeframe?.label) {\n return getFieldValueCaption(this.props.field, timeframe.label, this.props.bindings.i18n);\n }\n return this.props.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {\n count: relativeDate.amount,\n });\n }\n catch (error) {\n return this.props.bindings.i18n.t('to', {\n start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n });\n }\n }\n renderValues() {\n return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));\n }\n renderValue(facetValue) {\n const displayValue = this.formatFacetValue(facetValue);\n const isSelected = facetValue.state === 'selected';\n const isExcluded = facetValue.state === 'excluded';\n return (h(FacetValueLink, { displayValue: displayValue, isSelected: isSelected, numberOfResults: facetValue.numberOfResults, i18n: this.props.bindings.i18n, onClick: () => this.facetForDateRange.toggleSingleSelect(facetValue) },\n h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, isExcluded: isExcluded })));\n }\n renderValuesContainer(children) {\n return (h(FacetValuesGroup, { i18n: this.props.bindings.i18n, label: this.props.label },\n h(\"ul\", { class: \"mt-3\", part: \"values\" }, children)));\n }\n renderHeader(isCollapsed, headerFocus, onToggleCollapse) {\n return (h(FacetHeader, { i18n: this.props.bindings.i18n, label: this.props.label, onClearFilters: () => {\n headerFocus.focusAfterSearch();\n if (this.filter?.state.range) {\n this.filter?.clear();\n return;\n }\n this.facetForDateRange?.deselectAll();\n }, numberOfActiveValues: this.numberOfSelectedValues, isCollapsed: isCollapsed, headingLevel: this.props.headingLevel, onToggleCollapse: onToggleCollapse, headerRef: (el) => headerFocus.setTarget(el) }));\n }\n renderDateInput() {\n return (h(\"atomic-stencil-facet-date-input\", { min: this.props.min, max: this.props.max, bindings: this.props.bindings, label: this.props.label, facetId: this.filter.state.facetId, rangeGetter: () => this.filter.state.range, rangeSetter: (request) => {\n this.filter.setRange(request);\n } }));\n }\n render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse, }) {\n if (hasError || !this.enabled) {\n return h(Hidden, null);\n }\n if (!firstSearchExecuted) {\n return (h(FacetPlaceholder, { numberOfValues: this.currentValues.length, isCollapsed: isCollapsed }));\n }\n if (!this.shouldRenderFacet) {\n return h(Hidden, null);\n }\n return (h(FacetContainer, null,\n this.renderHeader(isCollapsed, headerFocus, onToggleCollapse),\n !isCollapsed && [\n this.shouldRenderValues && this.renderValues(),\n this.shouldRenderInput && this.renderDateInput(),\n ]));\n }\n}\n\nexport { TimeframeFacetCommon as T };\n\n//# sourceMappingURL=stencil-timeframe-facet-common.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildFacetConditionsManager, buildDateRange, deserializeRelativeDate, buildSearchStatus, buildDateFacet, buildDateFilter, loadDateFacetSetActions } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { M as MapProp } from './props-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { p as parseDependsOn } from './stencil-facet-values-group.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { T as TimeframeFacetCommon } from './stencil-timeframe-facet-common.js';\n\nconst atomicInsightTimeframeFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightTimeframeFacetStyle0 = atomicInsightTimeframeFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightTimeframeFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightTimeframeFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The non-localized label for the facet.\n * Used in the atomic-breadbox component through the bindings store.\n */\n this.label = 'no-label';\n /**\n * The field whose values you want to display in the facet.\n */\n this.field = 'date';\n /**\n * Whether this facet should contain an datepicker allowing users to set custom ranges.\n */\n this.withDatePicker = false;\n /**\n * Specifies if the facet is collapsed.\n */\n this.isCollapsed = false;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n */\n this.headingLevel = 0;\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * \n *\n * \n * \n *\n * \n * \n * ```\n */\n this.dependsOn = {};\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n */\n this.sortCriteria = 'descending';\n this.facetState = undefined;\n this.facetForDatePickerState = undefined;\n this.filterState = undefined;\n this.searchStatusState = undefined;\n this.error = undefined;\n this.facetId = undefined;\n this.label = 'no-label';\n this.field = 'date';\n this.withDatePicker = false;\n this.isCollapsed = false;\n this.headingLevel = 0;\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.dependsOn = {};\n this.sortCriteria = 'descending';\n }\n initialize() {\n this.timeframeFacetCommon = new TimeframeFacetCommon({\n facetId: this.facetId,\n host: this.host,\n bindings: this.bindings,\n label: this.label,\n field: this.field,\n headingLevel: this.headingLevel,\n dependsOn: this.dependsOn,\n withDatePicker: this.withDatePicker,\n setFacetId: (id) => (this.facetId = id),\n buildDependenciesManager: (facetId) => buildFacetConditionsManager(this.bindings.engine, {\n facetId,\n conditions: parseDependsOn(this.dependsOn),\n }),\n buildDateRange: buildDateRange,\n getSearchStatusState: () => this.searchStatusState,\n deserializeRelativeDate: deserializeRelativeDate,\n initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n initializeFacetForDateRange: (values) => this.initializeFacetForDateRange(values),\n initializeFilter: () => this.initializeFilter(),\n sortCriteria: this.sortCriteria,\n });\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n disconnectedCallback() {\n this.timeframeFacetCommon?.disconnectedCallback();\n }\n initializeFacetForDatePicker() {\n this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input_range`,\n numberOfValues: 1,\n generateAutomaticRanges: true,\n field: this.field,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n return this.facetForDatePicker;\n }\n initializeFacetForDateRange(values) {\n this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n currentValues: values,\n generateAutomaticRanges: false,\n sortCriteria: 'descending',\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n },\n });\n return this.facetForDateRange;\n }\n initializeFilter() {\n this.filter = buildDateFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n },\n });\n return this.filter;\n }\n applyDateInput() {\n this.facetId &&\n this.bindings.engine.dispatch(loadDateFacetSetActions(this.bindings.engine).deselectAllDateFacetValues(this.facetId));\n }\n render() {\n if (!this.timeframeFacetCommon) {\n return (h(FacetPlaceholder, { numberOfValues: 5, isCollapsed: this.isCollapsed }));\n }\n return this.timeframeFacetCommon.render({\n hasError: this.searchStatusState.hasError,\n firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n isCollapsed: this.isCollapsed,\n headerFocus: this.focusTarget,\n onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n });\n }\n get host() { return this; }\n static get style() { return AtomicInsightTimeframeFacetStyle0; }\n}, [1, \"atomic-insight-timeframe-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"label\": [513],\n \"field\": [513],\n \"withDatePicker\": [516, \"with-date-picker\"],\n \"isCollapsed\": [1540, \"is-collapsed\"],\n \"headingLevel\": [514, \"heading-level\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [514, \"injection-depth\"],\n \"dependsOn\": [16],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"facetState\": [32],\n \"facetForDatePickerState\": [32],\n \"filterState\": [32],\n \"searchStatusState\": [32],\n \"error\": [32]\n }, [[0, \"atomic/dateInputApply\", \"applyDateInput\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicInsightTimeframeFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facetForDateRange')\n], AtomicInsightTimeframeFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n BindStateToController('facetForDatePicker')\n], AtomicInsightTimeframeFacet$1.prototype, \"facetForDatePickerState\", void 0);\n__decorate([\n BindStateToController('filter')\n], AtomicInsightTimeframeFacet$1.prototype, \"filterState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicInsightTimeframeFacet$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n MapProp()\n], AtomicInsightTimeframeFacet$1.prototype, \"dependsOn\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-timeframe-facet\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-timeframe-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightTimeframeFacet$1);\n }\n break;\n } });\n}\n\nconst AtomicInsightTimeframeFacet = AtomicInsightTimeframeFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightTimeframeFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-timeframe-facet.js.map","const QuickviewIcon = `Quickview`;\n\nexport { QuickviewIcon as Q };\n\n//# sourceMappingURL=quickview.js.map","const SearchIcon = ``;\n\nexport { SearchIcon as S };\n\n//# sourceMappingURL=search.js.map","import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { a as parseTimestampToDateDetails } from './date-utils.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { B as Button } from './stencil-button.js';\nimport { Q as QuickviewIcon } from './quickview.js';\nimport { S as SearchIcon } from './search.js';\n\nconst Flag = `\n\n\n\n`;\n\nconst ThreeDotsIcon = `\n\n\n`;\n\nconst BookmarkIcon = `\n\n\n`;\n\nconst DocumentIcon = `\n\n\n\n\n\n`;\n\nconst PointIcon = `\n\n\n`;\n\nconst icons = {\n SEARCH: SearchIcon,\n CLICK: DocumentIcon,\n VIEW: QuickviewIcon,\n CUSTOM: PointIcon,\n TICKET_CREATION: BookmarkIcon,\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst UserAction = ({ bindings, action, }) => {\n const renderActionTimestamp = () => {\n const { hours, minutes } = parseTimestampToDateDetails(action.timestamp);\n const formattedHours = String(hours).padStart(2, '0');\n const formattedMinutes = String(minutes).padStart(2, '0');\n return `${formattedHours}:${formattedMinutes}`;\n };\n const renderIcon = () => {\n const iconClasses = `w-3 h-3 ${['CLICK', 'VIEW'].includes(action.actionType) ? 'text-primary' : ''}`;\n return (h(\"atomic-icon\", { icon: icons[action.actionType], class: iconClasses }));\n };\n const renderActionTitle = () => {\n switch (action.actionType) {\n case 'TICKET_CREATION':\n return (h(\"div\", { class: \"ticket-creation-action__text text-xs font-semibold\" }, bindings.i18n.t('ticket-created')));\n case 'CUSTOM':\n return (h(\"div\", { class: \"text-xs font-semibold\" }, action.eventData?.value ?? action.eventData?.type));\n case 'SEARCH':\n return (h(\"div\", { class: \"text-xs font-semibold\" }, action.query || bindings.i18n.t('empty-search')));\n case 'VIEW':\n return (h(\"a\", { href: action.document?.contentIdValue, class: \"text-primary text-xs font-semibold\", target: \"_blank\" }, action.document?.title));\n case 'CLICK':\n return (h(\"div\", { class: \"text-xs font-semibold\" }, action.document?.title));\n default:\n return null;\n }\n };\n return (h(\"li\", { class: \"flex\" },\n h(\"div\", { class: \"flex-none pr-2\" },\n h(\"div\", { class: \"flex justify-center py-1\" }, renderIcon()),\n h(\"div\", { class: \"flex justify-center py-1\" },\n h(\"div\", { class: \"user-action__separator h-7 w-0.5 rounded\" }))),\n h(\"div\", { class: \"flex-1\" },\n renderActionTitle(),\n h(\"div\", { class: \"text-neutral-dark text-xxs flex py-2 font-light\" },\n h(\"div\", null, renderActionTimestamp()),\n h(\"div\", { class: \"px-2\" }, action.searchHub)))));\n};\n\nconst atomicInsightUserActionsSessionCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.session-start-icon__container {\\n background-color: #fbb439;\\n}\\n.user-action__separator {\\n background-color: var(--atomic-neutral);\\n}\\n.ticket-creation-action__text {\\n color: var(--atomic-success);\\n}\\n.text-xxs {\\n font-size: 0.625rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightUserActionsSessionStyle0 = atomicInsightUserActionsSessionCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightUserActionsSession = /*@__PURE__*/ proxyCustomElement(class AtomicInsightUserActionsSession extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.userActionsToDisplay = [];\n this.userActionsAfterCaseCreation = [];\n this.areActionsAfterCaseCreationVisible = false;\n this.error = undefined;\n this.startTimestamp = undefined;\n this.userActions = undefined;\n this.areActionsAfterCaseCreationVisible = false;\n }\n connectedCallback() {\n this.prepareUserActionsToDisplay();\n }\n prepareUserActionsToDisplay() {\n const caseCreationIndex = this.userActions.findIndex(({ actionType }) => actionType === 'TICKET_CREATION');\n const isCaseCreationSession = caseCreationIndex !== -1;\n if (!isCaseCreationSession) {\n this.userActionsToDisplay = this.userActions;\n this.userActionsAfterCaseCreation = [];\n }\n else {\n this.userActionsToDisplay = this.userActions.slice(caseCreationIndex);\n this.userActionsAfterCaseCreation = this.userActions.slice(0, caseCreationIndex);\n }\n }\n showActionsAfterCaseCreation() {\n this.areActionsAfterCaseCreationVisible = true;\n }\n renderSessionStartDate() {\n const caseCreationIndex = this.userActions.findIndex(({ actionType }) => actionType === 'TICKET_CREATION');\n const isCaseCreationSession = caseCreationIndex !== -1;\n const { year, month, dayOfWeek, day } = parseTimestampToDateDetails(this.startTimestamp);\n const formatedStartDate = `${dayOfWeek}. ${month} ${day}, ${year}`;\n return (h(\"div\", { class: \"flex items-center px-2 pb-3\" }, isCaseCreationSession ? (h(\"div\", { class: \"session-start-icon__container mr-2 flex h-5 w-5 items-center justify-center rounded-full\" }, h(\"atomic-icon\", { icon: Flag, class: \"h-3 w-3\" }))) : null, h(\"div\", { class: \"flex-1 font-semibold\" }, formatedStartDate)));\n }\n renderActions(actions) {\n return (h(\"ol\", { class: \"px-3\" }, actions?.map((action) => (h(UserAction, { action: action, bindings: this.bindings })))));\n }\n renderShowMoreActionsButton() {\n const btnClasses = 'flex items-center p-1 max-w-full';\n const label = this.bindings.i18n.t('more-actions-in-session', {\n count: this.userActionsAfterCaseCreation.length,\n });\n return (h(\"div\", { \"data-testid\": \"show-more-actions-button\", class: \"flex items-center px-3 pb-3\" }, h(\"div\", { class: \"flex justify-center pr-2\" }, h(\"atomic-icon\", { icon: ThreeDotsIcon, class: \"h-3 w-3\" })), h(\"div\", { class: \"flex-1\" }, h(Button, { style: \"text-primary\", part: \"show-more-actions-button\", class: btnClasses, ariaLabel: label, onClick: this.showActionsAfterCaseCreation.bind(this) }, h(\"span\", { class: \"truncate text-xs font-light\" }, label)))));\n }\n render() {\n const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&\n !!this.userActionsAfterCaseCreation.length;\n return (h(\"div\", { key: '7e547acadc77d7ba3fa2d793fdf16673baf29718' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h(\"div\", { key: '39010afff95b4130dff9fa2075cf699503f3279c', \"data-testid\": \"more-actions-section\" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));\n }\n static get watchers() { return {\n \"userActions\": [\"prepareUserActionsToDisplay\"]\n }; }\n static get style() { return AtomicInsightUserActionsSessionStyle0; }\n}, [1, \"atomic-insight-user-actions-session\", {\n \"startTimestamp\": [2, \"start-timestamp\"],\n \"userActions\": [16],\n \"error\": [32],\n \"areActionsAfterCaseCreationVisible\": [32]\n }, undefined, {\n \"userActions\": [\"prepareUserActionsToDisplay\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightUserActionsSession.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-user-actions-session\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-user-actions-session\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightUserActionsSession);\n }\n break;\n } });\n}\n\nexport { AtomicInsightUserActionsSession as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-insight-user-actions-session2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildUserActions } from '@eternal-baguette/headless/insight';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass.js';\nimport { B as Button } from './stencil-button.js';\nimport { d as defineCustomElement$1 } from './atomic-insight-user-actions-session2.js';\n\nconst ArrowDownIcon = `\n\n\n\n`;\n\nconst ArrowUpIcon = `\n \n \n\n`;\n\nconst atomicInsightUserActionsTimelineCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.separator {\\n height: 1px;\\n background-color: #e0e1dd;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightUserActionsTimelineStyle0 = atomicInsightUserActionsTimelineCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightUserActionsTimeline = /*@__PURE__*/ proxyCustomElement(class AtomicInsightUserActionsTimeline extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The names of custom events to exclude.\n */\n this.excludedCustomActions = [];\n this.followingSessionsAreVisible = false;\n this.precedingSessionsAreVisible = false;\n this.userActionsState = undefined;\n this.userId = undefined;\n this.ticketCreationDateTime = undefined;\n this.excludedCustomActions = [];\n this.followingSessionsAreVisible = false;\n this.precedingSessionsAreVisible = false;\n }\n initialize() {\n this.userActions = buildUserActions(this.bindings.engine, {\n options: {\n ticketCreationDate: this.ticketCreationDateTime,\n excludedCustomActions: this.excludedCustomActions,\n },\n });\n this.userActions.fetchUserActions(this.userId);\n }\n toggleFollowingSessions() {\n this.followingSessionsAreVisible = !this.followingSessionsAreVisible;\n }\n togglePrecedingSessions() {\n this.precedingSessionsAreVisible = !this.precedingSessionsAreVisible;\n }\n renderSessions(sessions, renderSeparator, testId) {\n return (h(\"div\", null, sessions?.map(({ actions, start }) => [\n h(\"div\", { class: \"mt-4\" }, h(\"atomic-insight-user-actions-session\", { startTimestamp: start, userActions: actions, \"data-testid\": testId })),\n renderSeparator ? renderSeparator() : null,\n ])));\n }\n renderToggleFollowingSessionsButton() {\n const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n const iconClasses = 'h-3 w-3 mr-1';\n const label = this.followingSessionsAreVisible\n ? this.bindings.i18n.t('hide-following-sessions')\n : this.bindings.i18n.t('show-following-sessions');\n const icon = this.followingSessionsAreVisible ? ArrowDownIcon : ArrowUpIcon;\n return (h(\"div\", { class: \"flex justify-center p-2\" }, h(Button, { style: \"text-primary\", part: \"toggle-following-sessions\", class: btnClasses, ariaLabel: label, onClick: this.toggleFollowingSessions.bind(this) }, h(\"atomic-icon\", { part: \"toggle-following-sessions-icon\", class: iconClasses, icon: icon }), h(\"span\", { class: \"truncate\" }, label))));\n }\n renderTogglePrecedingSessionsButton() {\n const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n const iconClasses = 'h-3 w-3 mr-1';\n const label = this.precedingSessionsAreVisible\n ? this.bindings.i18n.t('hide-preceding-sessions')\n : this.bindings.i18n.t('show-preceding-sessions');\n const icon = this.precedingSessionsAreVisible ? ArrowUpIcon : ArrowDownIcon;\n return (h(\"div\", { class: \"flex justify-center p-2\" }, h(Button, { style: \"text-primary\", part: \"toggle-preceding-sessions\", class: btnClasses, ariaLabel: label, onClick: this.togglePrecedingSessions.bind(this) }, h(\"atomic-icon\", { part: \"toggle-preceding-sessions-icon\", class: iconClasses, icon: icon }), h(\"span\", { class: \"truncate\" }, label))));\n }\n renderFollowingSessionsSection() {\n if (!this.userActionsState.timeline?.followingSessions?.length) {\n return null;\n }\n return [\n this.renderToggleFollowingSessionsButton(),\n h(\"div\", { class: \"separator mx-1 rounded\" }),\n this.followingSessionsAreVisible\n ? this.renderSessions(this.userActionsState.timeline?.followingSessions, () => h(\"div\", { class: \"separator mx-1 mt-4 rounded\" }), 'following-session')\n : null,\n ];\n }\n renderPrecedingSessionsSection() {\n if (!this.userActionsState.timeline?.precedingSessions?.length) {\n return null;\n }\n return [\n h(\"div\", { class: \"separator mx-1 mt-4 rounded\" }),\n this.precedingSessionsAreVisible\n ? this.renderSessions(this.userActionsState.timeline?.precedingSessions, () => h(\"div\", { class: \"separator mx-1 mt-4 rounded\" }), 'preceding-session')\n : null,\n this.renderTogglePrecedingSessionsButton(),\n ];\n }\n renderTimeline() {\n return (h(\"div\", null, this.renderFollowingSessionsSection(), h(\"div\", { class: \"mt-4\" }, h(\"atomic-insight-user-actions-session\", {\n // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n startTimestamp: this.userActionsState.timeline?.session?.start,\n // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n userActions: this.userActionsState?.timeline?.session?.actions, \"data-testid\": \"active-session\"\n })), this.renderPrecedingSessionsSection()));\n }\n renderNoUserActionsScreen() {\n return (h(\"div\", { class: \"my-6 py-3\", \"data-testid\": \"user-actions-error\" }, h(NoItemsContainer, null, h(MagnifyingGlass, null), h(\"div\", { class: \"my-2 max-w-full text-center text-2xl font-light\" }, this.bindings.i18n.t('no-user-actions-available')), h(\"div\", { class: \"text-neutral-dark my-2 text-center text-lg\" }, this.bindings.i18n.t('no-user-actions-associated-with-params')))));\n }\n render() {\n const areUserActionsAvailable = this.userActionsState.timeline?.session;\n const hasError = this.userActionsState.error;\n if (areUserActionsAvailable && !hasError) {\n return this.renderTimeline();\n }\n return this.renderNoUserActionsScreen();\n }\n static get style() { return AtomicInsightUserActionsTimelineStyle0; }\n}, [1, \"atomic-insight-user-actions-timeline\", {\n \"userId\": [1, \"user-id\"],\n \"ticketCreationDateTime\": [1, \"ticket-creation-date-time\"],\n \"excludedCustomActions\": [16],\n \"userActionsState\": [32],\n \"followingSessionsAreVisible\": [32],\n \"precedingSessionsAreVisible\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightUserActionsTimeline.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('userActions')\n], AtomicInsightUserActionsTimeline.prototype, \"userActionsState\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-user-actions-timeline\", \"atomic-insight-user-actions-session\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-user-actions-timeline\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightUserActionsTimeline);\n }\n break;\n case \"atomic-insight-user-actions-session\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\n\nexport { AtomicInsightUserActionsTimeline as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-insight-user-actions-timeline2.js.map","import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { C as CloseIcon } from './close.js';\nimport { r as rectEquals } from './dom-utils.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { B as Button } from './stencil-button.js';\nimport { d as defineCustomElement$2 } from './atomic-insight-user-actions-session2.js';\nimport { d as defineCustomElement$1 } from './atomic-insight-user-actions-timeline2.js';\n\nconst atomicInsightUserActionsModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\natomic-modal::part(body-wrapper),\\natomic-modal::part(footer-wrapper) {\\n padding: 2px;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightUserActionsModalStyle0 = atomicInsightUserActionsModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightUserActionsModal = /*@__PURE__*/ proxyCustomElement(class AtomicInsightUserActionsModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n /**\n * The names of custom events to exclude.\n */\n this.excludedCustomActions = [];\n this.error = undefined;\n this.interfaceDimensions = undefined;\n this.openButton = undefined;\n this.isOpen = false;\n this.userId = undefined;\n this.ticketCreationDateTime = undefined;\n this.excludedCustomActions = [];\n }\n componentDidLoad() {\n this.host.style.display = '';\n }\n watchEnabled(isOpen) {\n if (isOpen) {\n this.onAnimationFrame();\n }\n }\n onAnimationFrame() {\n if (!this.isOpen) {\n return;\n }\n if (this.dimensionChanged()) {\n this.updateDimensions();\n }\n window.requestAnimationFrame(() => this.onAnimationFrame());\n }\n dimensionChanged() {\n if (!this.interfaceDimensions) {\n return true;\n }\n return !rectEquals(this.interfaceDimensions, this.bindings.interfaceElement.getBoundingClientRect());\n }\n updateDimensions() {\n this.interfaceDimensions =\n this.bindings.interfaceElement.getBoundingClientRect();\n }\n render() {\n const renderHeader = () => {\n return (h(\"div\", { slot: \"header\", class: \"contents\" }, h(\"div\", { part: \"title\", class: \"font-light truncate\" }, this.bindings.i18n.t('user-actions')), h(Button, { style: \"text-transparent\", class: \"grid place-items-center\", part: \"close-button\", onClick: () => (this.isOpen = false), ariaLabel: this.bindings.i18n.t('close') }, h(\"atomic-icon\", { part: \"close-icon\", class: \"w-5 h-5\", icon: CloseIcon }))));\n };\n const renderBody = () => {\n return (h(\"aside\", { style: { height: '100%' }, slot: \"body\", class: \"flex flex-col w-full px-2\", \"aria-label\": this.bindings.i18n.t('user-actions-content') }, h(\"atomic-insight-user-actions-timeline\", { userId: this.userId, ticketCreationDateTime: this.ticketCreationDateTime, excludedCustomActions: this.excludedCustomActions, class: \"flex-1\" })));\n };\n return (h(Host, { class: \"absolute\" }, this.interfaceDimensions && (h(\"style\", null, `atomic-modal::part(backdrop) {\n top: ${this.interfaceDimensions.top}px;\n left: ${this.interfaceDimensions.left}px;\n width: ${this.interfaceDimensions.width}px;\n height: ${this.interfaceDimensions.height}px;\n }`)), h(\"atomic-modal\", { fullscreen: true, isOpen: this.isOpen, source: this.openButton, container: this.host, close: () => (this.isOpen = false), exportparts: ATOMIC_MODAL_EXPORT_PARTS, scope: this.bindings.interfaceElement }, renderHeader(), renderBody())));\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchEnabled\"]\n }; }\n static get style() { return AtomicInsightUserActionsModalStyle0; }\n}, [1, \"atomic-insight-user-actions-modal\", {\n \"openButton\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"userId\": [1, \"user-id\"],\n \"ticketCreationDateTime\": [1, \"ticket-creation-date-time\"],\n \"excludedCustomActions\": [16],\n \"error\": [32],\n \"interfaceDimensions\": [32]\n }, undefined, {\n \"isOpen\": [\"watchEnabled\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightUserActionsModal.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-user-actions-modal\", \"atomic-insight-user-actions-session\", \"atomic-insight-user-actions-timeline\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-user-actions-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightUserActionsModal);\n }\n break;\n case \"atomic-insight-user-actions-session\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n case \"atomic-insight-user-actions-timeline\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\n\nexport { AtomicInsightUserActionsModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-insight-user-actions-modal2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildUserActions } from '@eternal-baguette/headless/insight';\nimport { C as Clockicon } from './clock.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { d as defineCustomElement$4 } from './atomic-insight-user-actions-modal2.js';\nimport { d as defineCustomElement$3 } from './atomic-insight-user-actions-session2.js';\nimport { d as defineCustomElement$2 } from './atomic-insight-user-actions-timeline2.js';\n\nconst atomicInsightUserActionsToggleCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicInsightUserActionsToggleStyle0 = atomicInsightUserActionsToggleCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicInsightUserActionsToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsightUserActionsToggle extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The names of custom events to exclude.\n */\n this.excludedCustomActions = [];\n this.userActionsState = undefined;\n this.error = undefined;\n this.userId = undefined;\n this.ticketCreationDateTime = undefined;\n this.excludedCustomActions = [];\n }\n initialize() {\n this.userActions = buildUserActions(this.bindings.engine, {\n options: {\n ticketCreationDate: this.ticketCreationDateTime,\n excludedCustomActions: this.excludedCustomActions,\n },\n });\n }\n enableModal() {\n this.modalRef && (this.modalRef.isOpen = true);\n this.userActions.logOpenUserActions();\n }\n loadModal() {\n if (this.modalRef) {\n return;\n }\n this.modalRef = document.createElement('atomic-insight-user-actions-modal');\n this.host.insertAdjacentElement('beforebegin', this.modalRef);\n this.modalRef.openButton = this.buttonRef;\n this.modalRef.userId = this.userId;\n this.modalRef.ticketCreationDateTime = this.ticketCreationDateTime;\n this.modalRef.excludedCustomActions = this.excludedCustomActions;\n }\n render() {\n return (h(IconButton, { key: '2d06df4cd637ab75ac2a71e85e4498cf7c2d2e2c', partPrefix: \"insight-user-actions-toggle\", style: \"outline-neutral\", icon: Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {\n this.enableModal();\n }, title: this.bindings.i18n.t('user-actions'), buttonRef: (button) => {\n if (!button) {\n return;\n }\n this.buttonRef = button;\n this.loadModal();\n } }));\n }\n get host() { return this; }\n static get style() { return AtomicInsightUserActionsToggleStyle0; }\n}, [1, \"atomic-insight-user-actions-toggle\", {\n \"userId\": [1, \"user-id\"],\n \"ticketCreationDateTime\": [1, \"ticket-creation-date-time\"],\n \"excludedCustomActions\": [16],\n \"userActionsState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicInsightUserActionsToggle$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('userActions')\n], AtomicInsightUserActionsToggle$1.prototype, \"userActionsState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-insight-user-actions-toggle\", \"atomic-insight-user-actions-modal\", \"atomic-insight-user-actions-session\", \"atomic-insight-user-actions-timeline\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-insight-user-actions-toggle\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicInsightUserActionsToggle$1);\n }\n break;\n case \"atomic-insight-user-actions-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"atomic-insight-user-actions-session\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-insight-user-actions-timeline\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicInsightUserActionsToggle = AtomicInsightUserActionsToggle$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicInsightUserActionsToggle, defineCustomElement };\n\n//# sourceMappingURL=atomic-insight-user-actions-toggle.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { o as once, r as randomID } from './utils.js';\n\nconst atomicIpxBodyCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host {\\n position: relative;\\n overflow: hidden;\\n height: inherit;\\n max-height: calc(100vh - 4.25rem);\\n}\\n:host [part='container'] {\\n border-radius: var(--atomic-border-radius);\\n box-sizing: border-box;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n overflow: hidden;\\n background-color: var(--atomic-background);\\n grid-area: modal;\\n height: inherit;\\n box-shadow: rgb(0 0 0 / 50%) 0 0 0.5rem;\\n max-height: calc(100vh - 4.25rem);\\n}\\n:host [part='header-wrapper'] {\\n display: grid;\\n width: 100%;\\n background-color: var(--atomic-neutral-light);\\n padding-inline: calc(0.25rem * 6);\\n padding-top: calc(0.25rem * 4);\\n padding: 1.5rem 1.5rem 0 1.5rem;\\n}\\n:host [part='header'] {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n min-width: 0;\\n}\\n:host [part='body-wrapper'] {\\n padding: 1rem 1.5rem 1rem 1.5rem;\\n}\\n:host [part='footer-wrapper'] {\\n align-items: stretch;\\n background-color: var(--atomic-neutral-light);\\n padding: 1rem 1.75rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxBodyStyle0 = atomicIpxBodyCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.animationEnded = createEvent(this, \"animationEnded\", 7);\n this.displayFooterSlot = true;\n this.updateBreakpoints = once(() => updateBreakpoints(this.host));\n this.error = undefined;\n this.isOpen = undefined;\n this.displayFooterSlot = true;\n }\n componentDidLoad() {\n const id = this.host.id || randomID('atomic-ipx-body-');\n this.host.id = id;\n }\n render() {\n this.updateBreakpoints();\n const isEmbedded = this.isOpen === undefined;\n return (h(\"article\", { key: '04b804db733f83952df2ea7b9d2b175a370c498b', part: \"container\", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h(\"style\", { key: '44583ff2f5fe4f2792a66e15e3984f5e12821363' }, `\n /* Chrome, Edge & Safari */\n .scrollbar::-webkit-scrollbar {\n width: 0.8rem;\n }\n\n .scrollbar::-webkit-scrollbar-track {\n background: var(--atomic-background);\n }\n\n .scrollbar::-webkit-scrollbar-thumb {\n background: var(--atomic-primary);\n border: 0.15rem solid var(--atomic-background);\n border-radius: 100vh;\n }\n\n .scrollbar::-webkit-scrollbar-thumb:hover {\n background: var(--atomic-primary-light);\n }\n\n /* Firefox */\n .scrollbar {\n scrollbar-color: var(--atomic-primary) var(--atomic-background);\n scrollbar-width: auto;\n }\n `), h(\"header\", { key: '3666306d74782b7594ce974c42a1cf86e7d61f99', part: \"header-wrapper\", class: \"flex flex-col items-center\" }, h(\"div\", { key: '2df51cef9cef98733f726caa7d51baeff7ed7470', part: \"header\" }, h(\"slot\", { key: '6978c24e378663a3b69fbcc2bd5d555805b32753', name: \"header\" }))), h(\"hr\", { key: 'c7d27639a7a536516545ad2686f9752aef5f31d7', part: \"header-ruler\", class: \"border-neutral\" }), h(\"div\", { key: 'c6eb70d3cc04aa13d5c7efaeb55a73950b818947', part: \"body-wrapper\", class: \"scrollbar flex w-full grow flex-col overflow-auto\" }, h(\"div\", { key: 'c22c16f4bd5cb171e1d8c26a3d2014180b5421bf', part: \"body\", class: \"w-full\" }, h(\"slot\", { key: 'f61d80d1815543cc978e08b4dca43f5b0192b581', name: \"body\" }))), this.displayFooterSlot && (h(\"footer\", { key: 'd027ab24f691a6bf3f33c75d3102f61c6556e47b', part: \"footer-wrapper\", class: \"border-neutral bg-background z-10 flex w-full flex-col items-center border-t\" }, h(\"div\", { key: '4a634e650ecef68f0b8747cabcc4cddd661c3c9a', part: \"footer\" }, h(\"slot\", { key: 'bd7fc2bace81b763f7a0d1ca8e1980ad2e55eca5', name: \"footer\" }))))));\n }\n get host() { return this; }\n static get style() { return AtomicIpxBodyStyle0; }\n}, [1, \"atomic-ipx-body\", {\n \"isOpen\": [1028, \"is-open\"],\n \"displayFooterSlot\": [516, \"display-footer-slot\"],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXBody.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-body\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-body\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXBody);\n }\n break;\n } });\n}\n\nexport { AtomicIPXBody as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-ipx-body2.js.map","import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';\nimport { loadRecommendationActions } from '@eternal-baguette/headless/recommendation';\nimport { C as CloseIcon } from './close.js';\nimport { S as SearchIcon } from './search.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { B as Button } from './stencil-button.js';\n\nconst atomicIpxButtonCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host [part='ipx-button'] {\\n position: fixed;\\n right: calc(0.25rem * 12);\\n bottom: calc(0.25rem * 1);\\n padding-inline: calc(0.25rem * 3);\\n white-space: nowrap;\\n height: var(--atomic-ipx-button-height, 2.75rem);\\n}\\n:host [part='button-icon'] {\\n position: relative;\\n display: inline-block;\\n height: calc(0.25rem * 4);\\n width: calc(0.25rem * 4);\\n padding: calc(0.25rem * 0);\\n vertical-align: middle;\\n font-size: 100%;\\n}\\n:host [part='button-text'] {\\n margin-left: calc(0.25rem * 2);\\n overflow: hidden;\\n}\\n:host [part='ipx-close-icon'],\\n :host [part='ipx-open-icon'] {\\n position: absolute;\\n left: calc(0.25rem * 0);\\n transition: transform 500ms;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxButtonStyle0 = atomicIpxButtonCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst numberOrPixelValuePattern = new RegExp(/^(?=.*(?:\\d+|px)$).*$/);\nconst AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The close icon of the button.\n */\n this.closeIcon = CloseIcon;\n /**\n * The open icon of the button.\n */\n this.openIcon = SearchIcon;\n /**\n * Whether the IPX modal is open.\n */\n this.isModalOpen = false;\n this.recommendationsLoaded = false;\n this.error = undefined;\n this.label = undefined;\n this.closeIcon = CloseIcon;\n this.openIcon = SearchIcon;\n this.isModalOpen = false;\n }\n async getRecommendations() {\n const recsEngine = this.bindings.interfaceElement.querySelector('atomic-recs-interface')?.engine;\n if (recsEngine) {\n this.recommendationsLoaded = true;\n recsEngine.dispatch(loadRecommendationActions(recsEngine).getRecommendations());\n }\n }\n async onClick() {\n if (!this.recommendationsLoaded) {\n this.getRecommendations();\n }\n this.isModalOpen ? this.close() : this.open();\n this.render();\n }\n renderIPXButton() {\n return (h(Button, { style: \"primary\", part: \"ipx-button\", class: \"my-2\", onClick: () => this.onClick() }, h(\"span\", { part: \"button-icon\" }, h(\"atomic-icon\", { part: \"ipx-close-icon\", icon: this.getIcon(this.closeIcon) }), h(\"atomic-icon\", { part: \"ipx-open-icon\", icon: this.getIcon(this.openIcon) })), this.label ? h(\"span\", { part: \"button-text\" }, this.label) : null));\n }\n render() {\n const [displayedIcon, hiddenIcon] = this.isModalOpen\n ? ['ipx-close-icon', 'ipx-open-icon']\n : ['ipx-open-icon', 'ipx-close-icon'];\n if (this.isModalOpen && !this.recommendationsLoaded) {\n this.getRecommendations();\n }\n return (h(Fragment, { key: 'a5f4c1a60087e3ed9c0887b5fa6b8d0fa21f3d46' }, h(\"style\", { key: 'b119e5b98e0314a5b69042ce3257a63b03681477' }, `\n [part=${displayedIcon}] {\n transform: translateY(0rem);\n }\n\n [part=${hiddenIcon}] {\n transform: translateY(3rem);\n }\n \n .btn-open {\n [part=${displayedIcon}] {\n transform: translateY(3rem);\n }\n \n [part=${hiddenIcon}] {\n transform: translateY(0rem);\n }\n }`), h(\"div\", { key: 'c4070a19b35cbebfb8d43882fe1ad6899150d584', class: \"flex flex-col items-center\", part: \"container\" }, this.renderIPXButton())));\n }\n get ipxModal() {\n return this.bindings.interfaceElement.querySelector('atomic-ipx-modal');\n }\n open() {\n this.isModalOpen = true;\n this.host.classList.add('btn-open');\n this.ipxModal.setAttribute('is-open', 'true');\n }\n close() {\n this.isModalOpen = false;\n this.host.classList.remove('btn-open');\n this.ipxModal.setAttribute('is-open', 'false');\n }\n getIcon(icon) {\n const initialDiv = document.createElement('div');\n initialDiv.innerHTML = icon;\n const iconElement = initialDiv.querySelector('svg');\n if (!iconElement) {\n return initialDiv.innerHTML;\n }\n // here, we grab the icon width and height to set a viewbox (which keeps the svg looking normal), then remove styles from the icon to let the icon stretch into the space it is given.\n const iconWidth = this.getIconWidth(iconElement);\n const iconHeight = this.getIconHeight(iconElement);\n this.cleanupSVGStyles(iconElement);\n if (iconWidth && iconHeight) {\n iconElement.setAttribute('viewBox', `0 0 ${iconWidth} ${iconHeight}`);\n }\n return initialDiv.innerHTML;\n }\n cleanupSVGStyles(iconElement) {\n iconElement.removeAttribute('style');\n iconElement.removeAttribute('width');\n iconElement.removeAttribute('height');\n }\n getIconWidth(icon) {\n const width = icon.getAttribute('width') ?? '';\n if (numberOrPixelValuePattern.test(width)) {\n return width;\n }\n return null;\n }\n getIconHeight(icon) {\n const height = icon.getAttribute('height') ?? '';\n if (numberOrPixelValuePattern.test(height)) {\n return height;\n }\n return null;\n }\n get host() { return this; }\n static get style() { return AtomicIpxButtonStyle0; }\n}, [1, \"atomic-ipx-button\", {\n \"label\": [513],\n \"closeIcon\": [513, \"close-icon\"],\n \"openIcon\": [513, \"open-icon\"],\n \"isModalOpen\": [1540, \"is-modal-open\"],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXButton.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-button\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-button\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXButton);\n }\n break;\n } });\n}\n\nconst AtomicIpxButton = AtomicIPXButton;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxButton, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-button.js.map","import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { o as once, r as randomID } from './utils.js';\nimport { d as defineCustomElement$2 } from './atomic-ipx-body2.js';\n\nconst atomicIpxEmbeddedCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host {\\n box-shadow: rgb(0 0 0 / 50%) 0 0 0.5rem;\\n height: inherit;\\n}\\n:host [part='backdrop'] {\\n pointer-events: auto;\\n height: inherit;\\n inset: auto 3rem 4.25rem auto;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxEmbeddedStyle0 = atomicIpxEmbeddedCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXEmbedded = /*@__PURE__*/ proxyCustomElement(class AtomicIPXEmbedded extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.animationEnded = createEvent(this, \"animationEnded\", 7);\n this.hasFooterSlotElements = true;\n this.updateBreakpoints = once(() => updateBreakpoints(this.host));\n this.error = undefined;\n this.container = undefined;\n this.hasFooterSlotElements = true;\n }\n componentWillLoad() {\n this.hasFooterSlotElements = !!this.host.querySelector('[slot=\"footer\"]');\n }\n componentDidLoad() {\n const id = this.host.id || randomID('atomic-ipx-embedded-');\n this.host.id = id;\n }\n render() {\n this.updateBreakpoints();\n return (h(Host, { key: 'bc265f3e187451cb2bcc001455afd8861183ebef' }, h(\"div\", { key: 'ced3f2b1a66970caa6abc1893cde6e96445bcf3e', part: \"backdrop\" }, h(\"atomic-ipx-body\", { key: 'ba6953460b0776d3ae89c69fd1bab0156738dbad', displayFooterSlot: this.hasFooterSlotElements }, h(\"slot\", { key: '52a7ed1cee86e9957f2091278c51d1da44875e02', name: \"header\", slot: \"header\" }), h(\"slot\", { key: '45d6881be1ad1778a88bf37f55802e3c51935f68', name: \"body\", slot: \"body\" }), h(\"slot\", { key: '0ebca493ce53d5ef3aaf7af383120259ccb8f876', name: \"footer\", slot: \"footer\" })))));\n }\n get host() { return this; }\n static get style() { return AtomicIpxEmbeddedStyle0; }\n}, [1, \"atomic-ipx-embedded\", {\n \"container\": [1040],\n \"error\": [32],\n \"hasFooterSlotElements\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXEmbedded.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-embedded\", \"atomic-ipx-body\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-embedded\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXEmbedded);\n }\n break;\n case \"atomic-ipx-body\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicIpxEmbedded = AtomicIPXEmbedded;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxEmbedded, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-embedded.js.map","import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { o as once, r as randomID } from './utils.js';\nimport { d as defineCustomElement$2 } from './atomic-ipx-body2.js';\n\nconst atomicIpxModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\natomic-focus-trap {\\n display: contents;\\n height: inherit;\\n}\\n:host {\\n width: var(--atomic-ipx-width, 31.25rem);\\n height: var(--atomic-ipx-height, 43.75rem);\\n max-width: calc(100vw - 3rem);\\n max-height: calc(100vh - 4.25rem);\\n box-shadow: rgb(0 0 0 / 50%) 0 0 0.5rem;\\n inset: auto 3rem 4.25rem auto;\\n position: fixed;\\n z-index: 1000;\\n}\\n:host(.open) {\\n display: block;\\n}\\n:host(.open) [part='backdrop'] {\\n pointer-events: auto;\\n height: inherit;\\n max-height: calc(100vh - 4.25rem);\\n}\\n:host {\\n display: none;\\n}\\n:host [part='backdrop'] {\\n pointer-events: none;\\n height: inherit;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxModalStyle0 = atomicIpxModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.animationEnded = createEvent(this, \"animationEnded\", 7);\n this.isOpen = false;\n this.hasFooterSlotElements = true;\n this.updateBreakpoints = once(() => updateBreakpoints(this.host));\n this.error = undefined;\n this.source = undefined;\n this.container = undefined;\n this.isOpen = false;\n this.hasFooterSlotElements = true;\n }\n async watchToggleOpen(isOpen) {\n const modalOpenedClass = 'atomic-ipx-modal-opened';\n if (isOpen) {\n document.body.classList.add(modalOpenedClass);\n this.bindings.interfaceElement.classList.add(modalOpenedClass);\n return;\n }\n document.body.classList.remove(modalOpenedClass);\n this.bindings.interfaceElement.classList.remove(modalOpenedClass);\n }\n getClasses() {\n const classes = [];\n if (this.isOpen) {\n classes.push('open');\n }\n classes.push('dialog');\n return classes;\n }\n onWindowTouchMove(e) {\n this.isOpen && e.preventDefault();\n }\n componentWillLoad() {\n this.hasFooterSlotElements = !!this.host.querySelector('[slot=\"footer\"]');\n }\n componentDidLoad() {\n const id = this.host.id || randomID('atomic-ipx-modal-');\n this.host.id = id;\n this.watchToggleOpen(this.isOpen);\n }\n render() {\n this.updateBreakpoints();\n const Body = () => (h(\"atomic-ipx-body\", { key: '37d114f8141eeeab7d5e68dce4f07be19c63da51', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: \"container\" }, h(\"slot\", { key: '6dde2bf9046a1302030f1bb361db3bc879232ebb', name: \"header\", slot: \"header\" }), h(\"slot\", { key: '53db3c13d91624f26baa1a3611a1814b1c951906', name: \"body\", slot: \"body\" }), h(\"slot\", { key: '192858413d032a4213ea274d672eca797d5a707c', name: \"footer\", slot: \"footer\" })));\n return (h(Host, { key: '9a6c6c8fe33c024e648a3fc31a4dbac23687311e', class: this.getClasses().join(' '), part: \"atomic-ipx-modal\" }, h(\"div\", { key: '219cc2c8a9134b9739f0088c864f32537864c834', part: \"backdrop\" }, h(Body, { key: 'decde8e23261cb51b6bda6aa80abccea469e6f7a' }))));\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchToggleOpen\"]\n }; }\n static get style() { return AtomicIpxModalStyle0; }\n}, [1, \"atomic-ipx-modal\", {\n \"source\": [1040],\n \"container\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"error\": [32],\n \"hasFooterSlotElements\": [32]\n }, [[0, \"touchmove\", \"onWindowTouchMove\"]], {\n \"isOpen\": [\"watchToggleOpen\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXModal.prototype, \"bindings\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-modal\", \"atomic-ipx-body\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXModal);\n }\n break;\n case \"atomic-ipx-body\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicIpxModal = AtomicIPXModal;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxModal, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-modal.js.map","import { h, Fragment } from '@stencil/core/internal/client';\nimport { A as ArrowRight } from './arrow-right.js';\nimport { B as Button } from './stencil-button.js';\n\n// The Lit equivalent of this file is grid-layout.ts\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst DisplayGrid = ({ setRef, selectorForItem }, children) => {\n let ref;\n return (h(\"div\", { part: \"result-list-grid-clickable-container outline\", ref: (element) => {\n ref = element;\n setRef(element);\n }, onClick: (event) => {\n event.preventDefault();\n ref?.querySelector(selectorForItem)?.click();\n } }, ...children));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst Carousel = (props, children) => {\n const commonPaginationClasses = 'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';\n const commonArrowClasses = 'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';\n function renderPreviousButton() {\n return (h(Button, { style: \"outline-primary\", ariaLabel: props.bindings.i18n.t('previous'), onClick: () => props.previousPage(), part: \"previous-button\", class: `${commonPaginationClasses} -translate-x-1/2` },\n h(\"atomic-icon\", { icon: ArrowRight, class: `${commonArrowClasses} rotate-180` })));\n }\n function renderNextButton() {\n return (h(Button, { style: \"outline-primary\", ariaLabel: props.bindings.i18n.t('next'), onClick: () => props.nextPage(), part: \"next-button\", class: `${commonPaginationClasses} right-0 translate-x-1/2` },\n h(\"atomic-icon\", { icon: ArrowRight, class: commonArrowClasses })));\n }\n function renderIndicators() {\n return (h(\"ul\", { part: \"indicators\", class: \"mt-6 flex justify-center gap-2\" }, Array.from({ length: props.numberOfPages }, (_, index) => {\n const isActive = index === props.currentPage % props.numberOfPages;\n return (h(\"li\", { part: `indicator ${isActive ? 'active-indicator' : ''}`, class: `h-1 w-12 rounded-md ${isActive ? 'bg-primary' : 'bg-neutral'} ` }));\n })));\n }\n return (h(Fragment, null,\n h(\"div\", { class: \"relative\" },\n renderPreviousButton(),\n children,\n renderNextButton()),\n renderIndicators()));\n};\n\nexport { Carousel as C, DisplayGrid as D };\n\n//# sourceMappingURL=stencil-carousel.js.map","import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';\nimport { NumberValue } from '@eternal-baguette/bueno';\nimport { loadIPXActionsHistoryActions } from '@eternal-baguette/headless';\nimport { buildRecommendationList, loadConfigurationActions, buildInteractiveResult } from '@eternal-baguette/headless/recommendation';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { R as ResultTemplateProvider, a as ResultsPlaceholdersGuard } from './result-template-provider.js';\nimport { c as createAppLoadedListener } from './store.js';\nimport { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wrapper.js';\nimport { D as DisplayGrid, C as Carousel } from './stencil-carousel.js';\nimport { I as ItemListCommon } from './stencil-item-list-common.js';\nimport { g as getItemListDisplayClasses } from './display-options.js';\nimport { H as Heading } from './stencil-heading.js';\nimport { d as defineCustomElement$3 } from './atomic-recs-result2.js';\nimport { d as defineCustomElement$2 } from './atomic-result-placeholder2.js';\n\nconst atomicIpxRecsListCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n @media not all and (width >= 1024px) {\\n @media not all and (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-template-columns: minmax(auto, 35rem);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: 1fr 1fr;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder {\\n border-color: transparent;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-icon [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-none [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-icon atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-none atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n @media not all and (min-width: 640px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n }\\n .atomic-list-with-dividers.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-list-with-dividers [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-list-with-dividers [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-list-with-dividers atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .atomic-grid-display-common .list-wrapper {\\n word-break: break-word;\\n }\\n .atomic-grid-display-common .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n }\\n .atomic-grid-display-common .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .atomic-result-table {\\n min-width: 100%;\\n border-spacing: 0;\\n border-collapse: separate;\\n }\\n .atomic-result-table th, .atomic-result-table td {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n line-height: 1rem;\\n white-space: nowrap;\\n }\\n .atomic-result-table th:not(:first-child), .atomic-result-table td:not(:first-child) {\\n border-left: none;\\n }\\n .atomic-result-table th:first-child, .atomic-result-table td:first-child {\\n min-width: 19rem;\\n }\\n .atomic-result-table th {\\n background-color: var(--atomic-neutral-light);\\n border-bottom: none;\\n font-weight: bold;\\n color: black;\\n padding: 1rem var(--padding);\\n text-align: left;\\n }\\n .atomic-result-table th:first-child {\\n border-top-left-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table th:last-child {\\n border-top-right-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table td {\\n color: var(--atomic-neutral-dark);\\n border-top: none;\\n vertical-align: top;\\n padding: var(--padding);\\n }\\n .atomic-result-table.density-comfortable {\\n --padding: 2rem;\\n }\\n .atomic-result-table.density-normal {\\n --padding: 1.5rem;\\n }\\n .atomic-result-table.density-compact {\\n --padding: 1rem;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid {\\n grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-comfortable {\\n grid-row-gap: 4rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-normal, .atomic-grid-display-desktop .list-root.display-grid.density-compact {\\n grid-row-gap: 3rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.image-large {\\n grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (min-width: 1280px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n }\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .atomic-grid-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-with-cards {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n .atomic-list-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-list-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.list-wrapper.placeholder .result-component {\\n display: none;\\n}\\n.list-wrapper.placeholder table.list-root {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-placeholder {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-table-placeholder {\\n display: none;\\n}\\n.list-root.loading {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n}\\n@keyframes pulse {\\n 0%, 100% {\\n opacity: 0.6;\\n }\\n 50% {\\n opacity: 0.2;\\n }\\n}\\n:host [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n}\\n:host [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n}\\n:host [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n}\\n:host [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n}\\n:host .list-wrapper {\\n word-break: break-word;\\n}\\n:host .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n}\\n:host .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n}\\n:host {\\n display: block;\\n}\\n:host .list-root [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n}\\n:host .list-root atomic-result-placeholder {\\n border-color: transparent;\\n}\\n:host .list-root {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: repeat(var(--atomic-recs-number-of-columns, 1), minmax(0, 1fr));\\n}\\n:host [part='label'] {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n:host atomic-result:not(.hydrated) {\\n visibility: hidden;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-border-style: solid;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxRecsListStyle0 = atomicIpxRecsListCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXRecsList = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRecsList extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.loadingFlag = randomID('firstRecommendationLoaded-');\n this.isAppLoaded = false;\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.currentPage = 0;\n /**\n * The Recommendation identifier used by the Coveo platform to retrieve recommended documents.\n * Make sure to set a different value for each atomic-ipx-recs-list in your page.\n */\n this.recommendation = 'Recommendation';\n /**\n * The layout to apply when displaying results themselves. This does not affect the display of the surrounding list itself.\n * To modify the number of recommendations per column, modify the --atomic-recs-number-of-columns CSS variable.\n */\n this.display = 'list';\n /**\n * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n */\n this.density = 'normal';\n /**\n * The expected size of the image displayed in the results.\n */\n this.imageSize = 'small';\n /**\n * The total number of recommendations to display.\n * This does not modify the number of recommendations per column. To do so, modify the --atomic-recs-number-of-columns CSS variable.\n */\n this.numberOfRecommendations = 10;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading label, from 1 to 6.\n */\n this.headingLevel = 0;\n this.error = undefined;\n this.isAppLoaded = false;\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.currentPage = 0;\n this.recommendationListState = undefined;\n this.recommendation = 'Recommendation';\n this.display = 'list';\n this.density = 'normal';\n this.imageSize = 'small';\n this.numberOfRecommendations = 10;\n this.numberOfRecommendationsPerPage = undefined;\n this.label = undefined;\n this.headingLevel = 0;\n }\n async watchNumberOfRecommendationsPerPage() {\n this.currentPage = 0;\n }\n /**\n * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.\n *\n * Do not use this method if you integrate Atomic in a plain HTML deployment.\n *\n * @param resultRenderingFunction\n */\n async setRenderFunction(resultRenderingFunction) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n /**\n * Moves to the previous page, when the carousel is activated.\n */\n async previousPage() {\n this.currentPage =\n this.currentPage - 1 < 0 ? this.numberOfPages - 1 : this.currentPage - 1;\n }\n /**\n * Moves to the next page, when the carousel is activated.\n */\n async nextPage() {\n this.currentPage = (this.currentPage + 1) % this.numberOfPages;\n }\n initialize() {\n this.validateNumberOfRecommendationsPerPage();\n this.validateRecommendationIdentifier();\n this.updateOriginLevel2();\n this.recommendationList = buildRecommendationList(this.bindings.engine, {\n options: {\n id: this.recommendation,\n numberOfRecommendations: this.numberOfRecommendations,\n },\n });\n this.itemTemplateProvider = new ResultTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(this.host.querySelectorAll('atomic-recs-result-template')),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.recommendationListState.recommendations.length,\n getIsLoading: () => this.recommendationListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n this.actionsHistoryActions = loadIPXActionsHistoryActions(this.bindings.engine);\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n get focusTarget() {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n get recommendationListStateWithAugment() {\n return {\n ...this.recommendationListState,\n firstRequestExecuted: this.recommendationListState.searchResponseId !== '',\n hasError: this.recommendationListState.error !== null,\n hasItems: this.recommendationListState.recommendations.length !== 0,\n results: this.subsetRecommendations,\n };\n }\n validateNumberOfRecommendationsPerPage() {\n const msg = new NumberValue({\n min: 1,\n max: this.numberOfRecommendations - 1,\n }).validate(this.numberOfRecommendationsPerPage);\n if (msg) {\n this.error = new Error(`The \"numberOfRecommendationsPerPage\" is invalid: ${msg}`);\n }\n }\n validateRecommendationIdentifier() {\n const recListWithRecommendation = document.querySelectorAll(`atomic-ipx-recs-list[recommendation=\"${this.recommendation}\"]`);\n if (recListWithRecommendation.length > 1) {\n this.bindings.engine.logger.warn(`There are multiple atomic-ipx-recs-list in this page with the same recommendation property \"${this.recommendation}\". Make sure to set a different recommendation property for each.`);\n }\n }\n updateOriginLevel2() {\n if (this.label) {\n const action = loadConfigurationActions(this.bindings.engine).setOriginLevel2({\n originLevel2: this.label,\n });\n this.bindings.engine.dispatch(action);\n }\n }\n renderHeading() {\n if (!this.label) {\n return;\n }\n if (this.recommendationListStateWithAugment.hasError) {\n return;\n }\n if (this.recommendationListStateWithAugment.firstRequestExecuted &&\n !this.recommendationListStateWithAugment.hasItems) {\n return;\n }\n return (h(Heading, { level: this.headingLevel, part: \"label\", class: \"m-0 mb-2\" }, this.bindings.i18n.t(this.label)));\n }\n get currentIndex() {\n return Math.abs((this.currentPage * this.numberOfRecommendationsPerPage) %\n this.recommendationListState.recommendations.length);\n }\n get subsetRecommendations() {\n if (!this.numberOfRecommendationsPerPage) {\n return this.recommendationListState.recommendations;\n }\n return this.recommendationListState.recommendations.slice(this.currentIndex, this.currentIndex + this.numberOfRecommendationsPerPage);\n }\n get numberOfPages() {\n return Math.ceil(this.recommendationListState.recommendations.length /\n this.numberOfRecommendationsPerPage);\n }\n get hasPagination() {\n return !!this.numberOfRecommendationsPerPage;\n }\n get shouldRenderPagination() {\n return (this.hasPagination && this.recommendationListStateWithAugment.hasItems);\n }\n async onSelect(recommendation, originalSelect) {\n if (recommendation.raw.permanentid && this.actionsHistoryActions) {\n const action = this.actionsHistoryActions.addPageViewEntryInActionsHistory(recommendation.raw.permanentid);\n this.bindings.engine.dispatch(action);\n }\n originalSelect();\n }\n getPropsForAtomicRecsResult(recommendation) {\n const interactiveResult = buildInteractiveResult(this.bindings.engine, {\n options: { result: recommendation },\n });\n const originalSelect = interactiveResult.select;\n interactiveResult.select = () => {\n this.onSelect(recommendation, originalSelect);\n };\n const linkContent = this.itemTemplateProvider.getLinkTemplateContent(recommendation);\n return {\n interactiveResult,\n result: recommendation,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(recommendation.uniqueId, this.recommendationListState.searchResponseId, this.density, this.imageSize),\n content: this.itemTemplateProvider.getTemplateContent(recommendation),\n linkContent,\n stopPropagation: !!linkContent,\n store: this.bindings.store,\n density: this.density,\n display: this.display,\n imageSize: this.imageSize,\n };\n }\n computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n return getItemListDisplayClasses('grid', this.density, this.imageSize, this.recommendationListState.isLoading, displayPlaceholders);\n }\n renderAsGrid(recommendation, i) {\n const propsForAtomicRecsResult = this.getPropsForAtomicRecsResult(recommendation);\n return (h(DisplayGrid, { selectorForItem: \"atomic-recs-result\", item: recommendation, ...propsForAtomicRecsResult.interactiveResult, setRef: (element) => element && this.itemListCommon.setNewResultRef(element, i) }, h(\"atomic-recs-result\", { ...propsForAtomicRecsResult })));\n }\n renderListOfRecommendations() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n if (!this.resultTemplateRegistered ||\n this.itemTemplateProvider.hasError ||\n this.error) {\n return;\n }\n return (h(DisplayWrapper, { listClasses: listClasses, display: \"grid\" }, h(ResultsPlaceholdersGuard, { density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.numberOfRecommendationsPerPage ?? this.numberOfRecommendations }), h(ItemDisplayGuard, { ...this.recommendationListStateWithAugment }, this.subsetRecommendations.map((recommendation, i) => {\n return this.renderAsGrid(recommendation, i);\n }))));\n }\n render() {\n return (h(Fragment, { key: '1c911b37feed6aa08e87b53c37731ae0c4e64de3' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));\n }\n get host() { return this; }\n static get watchers() { return {\n \"numberOfRecommendationsPerPage\": [\"watchNumberOfRecommendationsPerPage\"]\n }; }\n static get style() { return AtomicIpxRecsListStyle0; }\n}, [1, \"atomic-ipx-recs-list\", {\n \"recommendation\": [513],\n \"display\": [513],\n \"density\": [513],\n \"imageSize\": [513, \"image-size\"],\n \"numberOfRecommendations\": [514, \"number-of-recommendations\"],\n \"numberOfRecommendationsPerPage\": [514, \"number-of-recommendations-per-page\"],\n \"label\": [513],\n \"headingLevel\": [514, \"heading-level\"],\n \"error\": [32],\n \"isAppLoaded\": [32],\n \"resultTemplateRegistered\": [32],\n \"templateHasError\": [32],\n \"currentPage\": [32],\n \"recommendationListState\": [32],\n \"setRenderFunction\": [64],\n \"previousPage\": [64],\n \"nextPage\": [64]\n }, undefined, {\n \"numberOfRecommendationsPerPage\": [\"watchNumberOfRecommendationsPerPage\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXRecsList.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('recommendationList')\n], AtomicIPXRecsList.prototype, \"recommendationListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-recs-list\", \"atomic-recs-result\", \"atomic-result-placeholder\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-recs-list\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXRecsList);\n }\n break;\n case \"atomic-recs-result\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-result-placeholder\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicIpxRecsList = AtomicIPXRecsList;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxRecsList, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-recs-list.js.map","import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { buildBreadcrumbManager, buildQuerySummary } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { g as getClonedFacetElements } from './cloned-facet-elements.js';\nimport { R as RefineModal } from './stencil-modal.js';\nimport { B as Button } from './stencil-button.js';\n\nconst atomicIpxRefineModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host::part(container) {\\n border-radius: var(--atomic-border-radius);\\n max-height: calc(100vh - 4.25rem);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxRefineModalStyle0 = atomicIpxRefineModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRefineModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n /**\n * The number of expanded facets inside the refine modal.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n */\n this.collapseFacetsAfter = 0;\n this.querySummaryState = undefined;\n this.breadcrumbManagerState = undefined;\n this.error = undefined;\n this.interfaceDimensions = undefined;\n this.openButton = undefined;\n this.isOpen = false;\n this.collapseFacetsAfter = 0;\n }\n watchEnabled(isOpen) {\n if (isOpen) {\n if (!this.host.querySelector('div[slot=\"facets\"]')) {\n this.host.append(getClonedFacetElements(this.bindings.store.getFacetElements(), this.collapseFacetsAfter, this.bindings.interfaceElement));\n }\n }\n }\n initialize() {\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n }\n renderHeader() {\n return (h(\"div\", { class: \"flex justify-between w-full mb-3\" }, this.breadcrumbManagerState.hasBreadcrumbs && (h(Button, { onClick: () => this.breadcrumbManager.deselectAll(), style: \"text-primary\", text: this.bindings.i18n.t('clear-all-filters'), class: \"px-2 py-1\" }))));\n }\n renderBody() {\n if (!this.bindings.store.getFacetElements().length) {\n return h(Hidden, null);\n }\n return (h(\"aside\", { slot: \"body\", class: \"flex flex-col w-full\", \"aria-label\": this.bindings.i18n.t('refine-modal-content') }, this.renderHeader(), h(\"slot\", { name: \"facets\" })));\n }\n render() {\n return (h(Host, { key: 'c74c54d0fa7ac3ac6a1423cc0800505125ca33a1' }, h(RefineModal, { key: '9d89f816b7be8651127aa7cf14dbd1bdfafed25b', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: \"element\", scope: this.bindings.interfaceElement }, this.renderBody())));\n }\n componentDidLoad() {\n this.host.style.display = '';\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchEnabled\"]\n }; }\n static get style() { return AtomicIpxRefineModalStyle0; }\n}, [1, \"atomic-ipx-refine-modal\", {\n \"openButton\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"collapseFacetsAfter\": [514, \"collapse-facets-after\"],\n \"querySummaryState\": [32],\n \"breadcrumbManagerState\": [32],\n \"error\": [32],\n \"interfaceDimensions\": [32]\n }, undefined, {\n \"isOpen\": [\"watchEnabled\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXRefineModal.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('querySummary')\n], AtomicIPXRefineModal.prototype, \"querySummaryState\", void 0);\n__decorate([\n BindStateToController('breadcrumbManager')\n], AtomicIPXRefineModal.prototype, \"breadcrumbManagerState\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-refine-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-refine-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXRefineModal);\n }\n break;\n } });\n}\n\nexport { AtomicIPXRefineModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-ipx-refine-modal2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildBreadcrumbManager, buildSearchStatus } from '@eternal-baguette/headless';\nimport { F as FilterIcon } from './filter.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { I as IconButton } from './stencil-iconButton.js';\nimport { d as defineCustomElement$2 } from './atomic-ipx-refine-modal2.js';\n\nconst atomicIpxRefineToggleCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='ipx-refine-toggle-button'] {\\n height: 100%;\\n width: auto;\\n}\\n[part='ipx-refine-toggle-badge'] {\\n height: calc(0.25rem * 5);\\n width: calc(0.25rem * 5);\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n}\\n[part='ipx-refine-toggle-icon'] {\\n height: calc(0.25rem * 5);\\n width: calc(0.25rem * 5);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicIpxRefineToggleStyle0 = atomicIpxRefineToggleCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicIPXRefineToggle = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRefineToggle extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The number of expanded facets inside the refine modal.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n */\n this.collapseFacetsAfter = 0;\n this.error = undefined;\n this.breadcrumbManagerState = undefined;\n this.searchStatusState = undefined;\n this.collapseFacetsAfter = 0;\n }\n get numberOfBreadcrumbs() {\n return [\n ...this.breadcrumbManagerState.facetBreadcrumbs,\n ...this.breadcrumbManagerState.categoryFacetBreadcrumbs,\n ...this.breadcrumbManagerState.numericFacetBreadcrumbs,\n ...this.breadcrumbManagerState.dateFacetBreadcrumbs,\n ...this.breadcrumbManagerState.staticFilterBreadcrumbs,\n ].length;\n }\n initialize() {\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n enableModal() {\n this.modalRef && (this.modalRef.isOpen = true);\n }\n loadModal() {\n if (this.modalRef) {\n return;\n }\n this.modalRef = document.createElement('atomic-ipx-refine-modal');\n this.host.parentElement?.insertAdjacentElement('beforebegin', this.modalRef);\n this.modalRef.openButton = this.buttonRef;\n this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n }\n render() {\n return (h(IconButton, { key: '160d8f1347156d337da7654e9a8d2a9b830f84b1', partPrefix: \"ipx-refine-toggle\", class: \"icon-button\", style: \"outline-neutral\", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {\n this.bindings.store.waitUntilAppLoaded(() => {\n this.enableModal();\n });\n }, buttonRef: (button) => {\n if (!button) {\n return;\n }\n this.buttonRef = button;\n this.loadModal();\n }, badge: this.breadcrumbManagerState.hasBreadcrumbs ? (h(\"slot\", null, this.numberOfBreadcrumbs.toString())) : undefined }));\n }\n get host() { return this; }\n static get style() { return AtomicIpxRefineToggleStyle0; }\n}, [1, \"atomic-ipx-refine-toggle\", {\n \"collapseFacetsAfter\": [514, \"collapse-facets-after\"],\n \"error\": [32],\n \"breadcrumbManagerState\": [32],\n \"searchStatusState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicIPXRefineToggle.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('breadcrumbManager')\n], AtomicIPXRefineToggle.prototype, \"breadcrumbManagerState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicIPXRefineToggle.prototype, \"searchStatusState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-ipx-refine-toggle\", \"atomic-ipx-refine-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-ipx-refine-toggle\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicIPXRefineToggle);\n }\n break;\n case \"atomic-ipx-refine-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicIpxRefineToggle = AtomicIPXRefineToggle;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicIpxRefineToggle, defineCustomElement };\n\n//# sourceMappingURL=atomic-ipx-refine-toggle.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, StringValue } from '@eternal-baguette/bueno';\nimport { buildSearchStatus, buildTabManager, buildNumericFacet, buildNumericRange, buildNumericFilter, buildFacetConditionsManager, loadNumericFacetSetActions } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as ArrayProp, M as MapProp } from './props-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { p as parseDependsOn } from './stencil-facet-values-group.js';\nimport { b as FacetContainer, c as FacetHeader } from './stencil-facet-value-link.js';\nimport { a as FacetGuard } from './stencil-facet-value-checkbox.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { d as defaultNumberFormatter, f as formatHumanReadable, N as NumericFacetValuesContainer, a as NumericFacetValueLink } from './format-common.js';\nimport { i as initializePopover } from './popover-type.js';\nimport { b as shouldDisplayInputForFacetRange } from './stencil-facet-common.js';\nimport { d as defineCustomElement$2 } from './facet-number-input.js';\n\nconst atomicNumericFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities;\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\n.value-checkbox {\\n width: var(--atomic-facet-checkbox-size, 1rem);\\n height: var(--atomic-facet-checkbox-size, 1rem);\\n position: absolute;\\n left: calc(0.25rem * 2);\\n z-index: 1;\\n}\\n.value-checkbox + label {\\n display: flex;\\n width: 100%;\\n cursor: pointer;\\n flex-direction: row;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding-block: calc(0.25rem * 2.5);\\n padding-right: calc(0.25rem * 2);\\n padding-left: calc(0.25rem * 8);\\n color: var(--atomic-on-background);\\n}\\n@media (hover: hover) {\\n .value-checkbox + label:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n}\\n.value-checkbox.selected:focus-visible + label .value-label, .value-checkbox.selected:hover + label .value-label {\\n color: var(--atomic-primary);\\n}\\n.value-checkbox.excluded:focus-visible + label .value-label, .value-checkbox.excluded:hover + label .value-label {\\n color: var(--atomic-error);\\n}\\n.value-exclude-button:focus-visible atomic-icon {\\n visibility: visible;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicNumericFacetStyle0 = atomicNumericFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicNumericFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.manualRanges = [];\n this.formatter = defaultNumberFormatter;\n /**\n * The non-localized label for the facet.\n * Used in the `atomic-breadbox` component through the bindings store.\n */\n this.label = 'no-label';\n /**\n * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n */\n this.tabsIncluded = '[]';\n /**\n * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n */\n this.tabsExcluded = '[]';\n /**\n * The number of values to request for this facet, when there are no manual ranges.\n * If the number of values is 0, no ranges will be displayed.\n */\n this.numberOfValues = 8;\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n */\n this.sortCriteria = 'ascending';\n /**\n * The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n */\n this.rangeAlgorithm = 'equiprobable';\n /**\n * Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n * Possible values are 'checkbox' and 'link'.\n */\n this.displayValuesAs = 'checkbox';\n /**\n * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n */\n this.isCollapsed = false;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n */\n this.headingLevel = 0;\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * \n *\n * \n * \n *\n * \n * \n * ```\n */\n this.dependsOn = {};\n this.facetState = undefined;\n this.filterState = undefined;\n this.searchStatusState = undefined;\n this.tabManagerState = undefined;\n this.error = undefined;\n this.facetForInputState = undefined;\n this.facetId = undefined;\n this.label = 'no-label';\n this.field = undefined;\n this.tabsIncluded = '[]';\n this.tabsExcluded = '[]';\n this.numberOfValues = 8;\n this.withInput = undefined;\n this.sortCriteria = 'ascending';\n this.rangeAlgorithm = 'equiprobable';\n this.displayValuesAs = 'checkbox';\n this.isCollapsed = false;\n this.headingLevel = 0;\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.dependsOn = {};\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n initialize() {\n if ([...this.tabsIncluded].length > 0 &&\n [...this.tabsExcluded].length > 0) {\n console.warn('Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.');\n }\n this.validateProps();\n this.initializeTabManager();\n this.computeFacetId();\n this.initializeFacetForInput();\n this.initializeFacetForRange();\n this.initializeFilter();\n this.initializeSearchStatus();\n this.registerFacetToStore();\n }\n disconnectedCallback() {\n if (this.host.isConnected) {\n return;\n }\n this.facetForRangeDependenciesManager?.stopWatching();\n this.facetForInputDependenciesManager?.stopWatching();\n this.filterDependenciesManager?.stopWatching();\n }\n initializeSearchStatus() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n initializeTabManager() {\n this.tabManager = buildTabManager(this.bindings.engine);\n }\n initializeFacetForInput() {\n if (!this.withInput) {\n return;\n }\n this.facetForInput = buildNumericFacet(this.bindings.engine, {\n options: {\n numberOfValues: 1,\n generateAutomaticRanges: true,\n facetId: `${this.facetId}_input_range`,\n field: this.field,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n this.facetForInputDependenciesManager = this.initializeDependenciesManager(this.facetForInput.state.facetId);\n return this.facetForInput;\n }\n initializeFacetForRange() {\n if (this.numberOfValues <= 0) {\n return;\n }\n this.manualRanges = Array.from(this.host.querySelectorAll('atomic-numeric-range')).map(({ start, end, endInclusive, label }) => ({\n ...buildNumericRange({ start, end, endInclusive }),\n label,\n }));\n this.facetForRange = buildNumericFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n rangeAlgorithm: this.rangeAlgorithm,\n currentValues: this.manualRanges,\n generateAutomaticRanges: !this.manualRanges.length,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n this.facetForRangeDependenciesManager = this.initializeDependenciesManager(this.facetForRange.state.facetId);\n return this.facetForRange;\n }\n initializeFilter() {\n if (!this.withInput) {\n return;\n }\n this.filter = buildNumericFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n this.filterDependenciesManager = this.initializeDependenciesManager(this.filter.state.facetId);\n }\n initializeDependenciesManager(facetId) {\n return buildFacetConditionsManager(this.bindings.engine, {\n facetId,\n conditions: parseDependsOn(this.dependsOn),\n });\n }\n registerFacetToStore() {\n const facetInfo = {\n label: () => this.bindings.i18n.t(this.label),\n facetId: this.facetId,\n element: this.host,\n isHidden: () => this.isHidden,\n };\n this.bindings.store.registerFacet('numericFacets', {\n ...facetInfo,\n format: (value) => formatHumanReadable({\n facetValue: value,\n logger: this.bindings.engine.logger,\n i18n: this.bindings.i18n,\n field: this.field,\n manualRanges: this.manualRanges,\n formatter: this.formatter,\n }),\n });\n initializePopover(this.host, {\n ...facetInfo,\n hasValues: () => this.hasValues,\n numberOfActiveValues: () => this.numberOfSelectedValues,\n });\n if (this.filter) {\n this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n this.bindings.store.state.numericFacets[this.facetId];\n }\n }\n setFormat(event) {\n event.preventDefault();\n event.stopPropagation();\n this.formatter = event.detail;\n }\n applyNumberInput() {\n this.facetId &&\n this.bindings.engine.dispatch(loadNumericFacetSetActions(this.bindings.engine).deselectAllNumericFacetValues(this.facetId));\n }\n render() {\n const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, } = this;\n return (h(FacetGuard, { key: 'f3c468c2b6d394590384ecf02f316c21ee70107d', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {\n this.focusTarget.focusAfterSearch();\n if (this.filterState?.range) {\n this.filter?.clear();\n return;\n }\n this.facetForRange?.deselectAll();\n }, numberOfActiveValues: this.numberOfSelectedValues, isCollapsed: this.isCollapsed, headingLevel: this.headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => this.focusTarget.setTarget(el) }), !this.isCollapsed && [\n this.shouldRenderValues && this.renderValues(),\n this.shouldRenderInput && (h(\"atomic-facet-number-input\", { type: this.withInput, bindings: this.bindings, label: this.label, filter: this.filter, filterState: this.filter.state })),\n ])) : (h(FacetPlaceholder, { isCollapsed: this.isCollapsed, numberOfValues: this.numberOfValues }))));\n }\n renderValues() {\n const { displayValuesAs, field, manualRanges, label, bindings: { i18n, engine: { logger }, }, formatter, } = this;\n return (h(NumericFacetValuesContainer, { i18n: i18n, label: label }, this.valuesToRender.map((value) => (h(NumericFacetValueLink, { formatter: formatter, displayValuesAs: displayValuesAs, facetValue: value, field: field, i18n: i18n, logger: logger, manualRanges: manualRanges, onClick: () => this.displayValuesAs === 'link'\n ? this.facetForRange.toggleSingleSelect(value)\n : this.facetForRange.toggleSelect(value) })))));\n }\n get numberOfSelectedValues() {\n if (this.filter?.state.range) {\n return 1;\n }\n return (this.facetForRange?.state.values.filter(({ state }) => state === 'selected')\n .length || 0);\n }\n get shouldRenderValues() {\n return (!this.hasInputRange &&\n this.numberOfValues > 0 &&\n !!this.valuesToRender.length);\n }\n get hasInputRange() {\n return !!this.filter?.state.range;\n }\n get valuesToRender() {\n return (this.facetForRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);\n }\n get shouldRenderInput() {\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: this.searchStatusState,\n facetValues: this.facetForInput?.state.values || [],\n hasInput: !!this.withInput,\n });\n }\n computeFacetId() {\n if (this.facetId) {\n return;\n }\n if (this.bindings.store.state.numericFacets[this.field]) {\n this.facetId = randomID(`${this.field}_`);\n return;\n }\n this.facetId = this.field;\n }\n get enabled() {\n return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n }\n get isHidden() {\n return !this.shouldRenderFacet || !this.enabled;\n }\n get shouldRenderFacet() {\n return this.shouldRenderInput || this.shouldRenderValues;\n }\n get hasValues() {\n if (this.facetForInput?.state.values.length) {\n return true;\n }\n return !!this.valuesToRender.length;\n }\n validateProps() {\n new Schema({\n displayValuesAs: new StringValue({ constrainTo: ['checkbox', 'link'] }),\n withInput: new StringValue({ constrainTo: ['integer', 'decimal'] }),\n }).validate({\n displayValuesAs: this.displayValuesAs,\n withInput: this.withInput,\n });\n }\n get host() { return this; }\n static get style() { return AtomicNumericFacetStyle0; }\n}, [1, \"atomic-numeric-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"label\": [513],\n \"field\": [513],\n \"tabsIncluded\": [1537, \"tabs-included\"],\n \"tabsExcluded\": [1537, \"tabs-excluded\"],\n \"numberOfValues\": [514, \"number-of-values\"],\n \"withInput\": [513, \"with-input\"],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"rangeAlgorithm\": [513, \"range-algorithm\"],\n \"displayValuesAs\": [513, \"display-values-as\"],\n \"isCollapsed\": [1540, \"is-collapsed\"],\n \"headingLevel\": [514, \"heading-level\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [514, \"injection-depth\"],\n \"dependsOn\": [16],\n \"facetState\": [32],\n \"filterState\": [32],\n \"searchStatusState\": [32],\n \"tabManagerState\": [32],\n \"error\": [32],\n \"facetForInputState\": [32]\n }, [[0, \"atomic/numberFormat\", \"setFormat\"], [0, \"atomic/numberInputApply\", \"applyNumberInput\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicNumericFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facetForRange')\n], AtomicNumericFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n BindStateToController('filter')\n], AtomicNumericFacet$1.prototype, \"filterState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicNumericFacet$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicNumericFacet$1.prototype, \"tabManagerState\", void 0);\n__decorate([\n BindStateToController('facetForInput')\n], AtomicNumericFacet$1.prototype, \"facetForInputState\", void 0);\n__decorate([\n ArrayProp()\n], AtomicNumericFacet$1.prototype, \"tabsIncluded\", void 0);\n__decorate([\n ArrayProp()\n], AtomicNumericFacet$1.prototype, \"tabsExcluded\", void 0);\n__decorate([\n MapProp()\n], AtomicNumericFacet$1.prototype, \"dependsOn\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-numeric-facet\", \"atomic-facet-number-input\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-numeric-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicNumericFacet$1);\n }\n break;\n case \"atomic-facet-number-input\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicNumericFacet = AtomicNumericFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicNumericFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-numeric-facet.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { Schema, StringValue } from '@eternal-baguette/bueno';\nimport { buildQuickview } from '@eternal-baguette/headless';\nimport { Q as QuickviewIcon } from './quickview.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion, F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { B as Button } from './stencil-button.js';\nimport { R as ResultContext } from './stencil-result-template-decorators.js';\nimport { d as defineCustomElement$2 } from './atomic-quickview-modal2.js';\n\nconst atomicQuickviewCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicQuickviewStyle0 = atomicQuickviewCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicQuickview$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQuickview extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The `sandbox` attribute to apply to the quickview iframe.\n *\n * The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons.\n *\n * This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed.\n *\n * By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`.\n *\n * `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.\n */\n this.sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n this.error = undefined;\n this.quickviewState = undefined;\n this.sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n }\n onNextQuickview(evt) {\n evt.stopImmediatePropagation();\n this.quickview.next();\n }\n onPreviousQuickview(evt) {\n evt.stopImmediatePropagation();\n this.quickview.previous();\n }\n get focusTarget() {\n if (!this.buttonFocusTarget) {\n this.buttonFocusTarget = new FocusTargetController(this);\n }\n return this.buttonFocusTarget;\n }\n initialize() {\n this.quickview = buildQuickview(this.bindings.engine, {\n options: { result: this.result },\n });\n new Schema({\n sandbox: new StringValue({\n required: true,\n regex: /allow-same-origin/,\n }),\n }).validate({ sandbox: this.sandbox });\n }\n addQuickviewModalIfNeeded() {\n if (this.quickviewModalRef) {\n return;\n }\n const quickviewModal = this.bindings.interfaceElement.querySelector('atomic-quickview-modal');\n if (quickviewModal) {\n this.quickviewModalRef = quickviewModal;\n return;\n }\n this.quickviewModalRef = document.createElement('atomic-quickview-modal');\n this.quickviewModalRef.setAttribute('sandbox', this.sandbox);\n this.bindings.interfaceElement.appendChild(this.quickviewModalRef);\n }\n updateModalContent() {\n if (this.quickviewModalRef && this.quickview.state.content) {\n this.quickviewModalRef.content = this.quickview.state.content;\n this.quickviewModalRef.result = this.result;\n this.quickviewModalRef.total = this.quickviewState.totalResults;\n this.quickviewModalRef.current = this.quickviewState.currentResult;\n this.quickviewModalRef.modalCloseCallback = () => this.focusTarget.focus();\n this.quickviewAriaMessage = this.quickviewState.isLoading\n ? this.bindings.i18n.t('quickview-loading')\n : this.bindings.i18n.t('quickview-loaded', {\n first: this.quickviewState.currentResult,\n last: this.quickviewState.totalResults,\n title: this.result.title,\n });\n }\n }\n onClick(event) {\n event?.stopPropagation();\n this.quickview.fetchResultContent();\n }\n componentWillUpdate() {\n this.addQuickviewModalIfNeeded();\n this.updateModalContent();\n }\n render() {\n if (this.quickviewState.resultHasPreview) {\n return (h(Button, { key: '596b460be5a7962693834e54b39f4c1b0e2b124a', part: \"button\", title: this.bindings.i18n.t('quickview'), style: \"outline-primary\", class: \"p-2\", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h(\"atomic-icon\", { key: '70384d1dcaf37e0a73dac611c3854e7fe2713e72', part: \"icon\", class: \"flex w-5 justify-center\", icon: QuickviewIcon })));\n }\n }\n static get style() { return AtomicQuickviewStyle0; }\n}, [1, \"atomic-quickview\", {\n \"sandbox\": [1],\n \"error\": [32],\n \"quickviewState\": [32]\n }, [[16, \"atomic/quickview/next\", \"onNextQuickview\"], [16, \"atomic/quickview/previous\", \"onPreviousQuickview\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicQuickview$1.prototype, \"bindings\", void 0);\n__decorate([\n ResultContext()\n], AtomicQuickview$1.prototype, \"result\", void 0);\n__decorate([\n BindStateToController('quickview')\n], AtomicQuickview$1.prototype, \"quickviewState\", void 0);\n__decorate([\n AriaLiveRegion('quickview')\n], AtomicQuickview$1.prototype, \"quickviewAriaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-quickview\", \"atomic-quickview-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-quickview\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicQuickview$1);\n }\n break;\n case \"atomic-quickview-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicQuickview = AtomicQuickview$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicQuickview, defineCustomElement };\n\n//# sourceMappingURL=atomic-quickview.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { isNullOrUndefined } from '@eternal-baguette/bueno';\nimport { buildRecommendationList, getOrganizationEndpoint } from '@eternal-baguette/headless/recommendation';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { g as getAriaMessageFromErrorType, Q as QueryErrorGuard, a as QueryErrorContainer, b as QueryErrorIcon, c as QueryErrorTitle, d as QueryErrorDescription, e as QueryErrorShowMore, f as QueryErrorLink, h as QueryErrorDetails } from './stencil-link.js';\n\nconst atomicRecsErrorCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicRecsErrorStyle0 = atomicRecsErrorCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicRecsError$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsError extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.showMoreInfo = false;\n this.recommendationListState = undefined;\n this.error = undefined;\n this.showMoreInfo = false;\n }\n initialize() {\n this.recommendationList = buildRecommendationList(this.bindings.engine);\n }\n render() {\n const { error } = this.recommendationListState;\n const { bindings: { i18n, engine: { state: { configuration: { organizationId, environment }, }, }, }, } = this;\n const url = getOrganizationEndpoint(organizationId, environment);\n const hasError = !isNullOrUndefined(error);\n if (hasError) {\n this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);\n }\n return (h(QueryErrorGuard, { key: '8105fc196131f3ed70f04596c9de838cbd7f1f95', hasError: hasError }, h(QueryErrorContainer, { key: 'aad2c1cf54a7b3f10dedc0af7eb8350d85da6994' }, h(QueryErrorIcon, { key: 'bf4ec12d53183ba27286c99556c5650e1a9d8fb8', errorType: error?.type }), h(QueryErrorTitle, { key: 'c00262ebac369976461d8ff059548f74037bba51', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '682cb7d000b8c8fa9180e43d55af6040f28f842d', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '3f49fcca0e30877ac9b0628522663b1440401617', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'bd3f60984b536c22d602177d3c886fc43846923a', error: error, show: this.showMoreInfo }))));\n }\n static get style() { return AtomicRecsErrorStyle0; }\n}, [1, \"atomic-recs-error\", {\n \"recommendationListState\": [32],\n \"error\": [32],\n \"showMoreInfo\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicRecsError$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('recommendationList')\n], AtomicRecsError$1.prototype, \"recommendationListState\", void 0);\n__decorate([\n AriaLiveRegion('recs-error')\n], AtomicRecsError$1.prototype, \"ariaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-recs-error\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-recs-error\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicRecsError$1);\n }\n break;\n } });\n}\n\nconst AtomicRecsError = AtomicRecsError$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicRecsError, defineCustomElement };\n\n//# sourceMappingURL=atomic-recs-error.js.map","import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';\nimport { NumberValue } from '@eternal-baguette/bueno';\nimport { buildRecommendationList, loadConfigurationActions, buildInteractiveResult } from '@eternal-baguette/headless/recommendation';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { r as randomID } from './utils.js';\nimport { R as ResultTemplateProvider, a as ResultsPlaceholdersGuard } from './result-template-provider.js';\nimport { c as createAppLoadedListener } from './store.js';\nimport { D as DisplayWrapper, I as ItemDisplayGuard } from './stencil-display-wrapper.js';\nimport { D as DisplayGrid, C as Carousel } from './stencil-carousel.js';\nimport { I as ItemListCommon } from './stencil-item-list-common.js';\nimport { g as getItemListDisplayClasses } from './display-options.js';\nimport { H as Heading } from './stencil-heading.js';\nimport { d as defineCustomElement$3 } from './atomic-recs-result2.js';\nimport { d as defineCustomElement$2 } from './atomic-result-placeholder2.js';\n\nconst atomicRecsListCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n }\\n .atomic-grid-clickable-elements [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n }\\n .atomic-grid-clickable-elements [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n @media not all and (width >= 1024px) {\\n @media not all and (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-template-columns: minmax(auto, 35rem);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-large {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: 1fr 1fr;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-large atomic-result-placeholder {\\n border-color: transparent;\\n }\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-icon [part~='outline'], .atomic-grid-display-mobile .list-root.display-grid.image-none [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-icon atomic-result-placeholder, .atomic-grid-display-mobile .list-root.display-grid.image-none atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n @media not all and (min-width: 640px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr);\\n }\\n }\\n @media (min-width: 768px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-mobile .list-root.display-grid.image-small, .atomic-grid-display-mobile .list-root.display-grid.image-icon, .atomic-grid-display-mobile .list-root.display-grid.image-none {\\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\\n }\\n }\\n }\\n .atomic-list-with-dividers.density-comfortable [part~='outline']::before {\\n margin: 2rem 0;\\n }\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-normal [part~='outline']::before {\\n margin: 1.75rem 0;\\n }\\n }\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1rem 0;\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-list-with-dividers.density-compact [part~='outline']::before {\\n margin: 1.5rem 0;\\n }\\n }\\n .atomic-list-with-dividers [part~='outline']::before {\\n display: block;\\n content: ' ';\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n }\\n .atomic-list-with-dividers [part~='outline']:first-of-type::before {\\n display: none;\\n }\\n .atomic-list-with-dividers atomic-result-placeholder::before {\\n background-color: transparent;\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .atomic-grid-display-common .list-wrapper {\\n word-break: break-word;\\n }\\n .atomic-grid-display-common .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n }\\n .atomic-grid-display-common .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .atomic-result-table {\\n min-width: 100%;\\n border-spacing: 0;\\n border-collapse: separate;\\n }\\n .atomic-result-table th, .atomic-result-table td {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n line-height: 1rem;\\n white-space: nowrap;\\n }\\n .atomic-result-table th:not(:first-child), .atomic-result-table td:not(:first-child) {\\n border-left: none;\\n }\\n .atomic-result-table th:first-child, .atomic-result-table td:first-child {\\n min-width: 19rem;\\n }\\n .atomic-result-table th {\\n background-color: var(--atomic-neutral-light);\\n border-bottom: none;\\n font-weight: bold;\\n color: black;\\n padding: 1rem var(--padding);\\n text-align: left;\\n }\\n .atomic-result-table th:first-child {\\n border-top-left-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table th:last-child {\\n border-top-right-radius: var(--atomic-border-radius-xl);\\n }\\n .atomic-result-table td {\\n color: var(--atomic-neutral-dark);\\n border-top: none;\\n vertical-align: top;\\n padding: var(--padding);\\n }\\n .atomic-result-table.density-comfortable {\\n --padding: 2rem;\\n }\\n .atomic-result-table.density-normal {\\n --padding: 1.5rem;\\n }\\n .atomic-result-table.density-compact {\\n --padding: 1rem;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid {\\n grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-comfortable {\\n grid-row-gap: 4rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.density-normal, .atomic-grid-display-desktop .list-root.display-grid.density-compact {\\n grid-row-gap: 3rem;\\n grid-column-gap: 1.5rem;\\n }\\n .atomic-grid-display-desktop .list-root.display-grid.image-large {\\n grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));\\n }\\n @media not all and (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (width >= 1024px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(3, 1fr);\\n }\\n }\\n @media (min-width: 1280px) {\\n .atomic-grid-display-desktop .list-root.display-grid.image-small {\\n grid-template-columns: repeat(4, 1fr);\\n }\\n }\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .atomic-grid-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-grid-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .atomic-grid-with-cards {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n }\\n .atomic-list-with-cards [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n }\\n .atomic-list-with-cards atomic-result-placeholder {\\n border-color: transparent;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.list-wrapper.placeholder .result-component {\\n display: none;\\n}\\n.list-wrapper.placeholder table.list-root {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-placeholder {\\n display: none;\\n}\\n.list-wrapper:not(.placeholder) atomic-result-table-placeholder {\\n display: none;\\n}\\n.list-root.loading {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n}\\n@keyframes pulse {\\n 0%, 100% {\\n opacity: 0.6;\\n }\\n 50% {\\n opacity: 0.2;\\n }\\n}\\n:host [part~='outline'][part~='result-list-grid-clickable-container'] {\\n position: relative;\\n border: 1px solid transparent;\\n padding: 1rem;\\n border-radius: 1rem;\\n transition: all 0.12s ease-out;\\n}\\n:host [part~='outline'][part~='result-list-grid-clickable-container']:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n box-shadow: 0px 10px 25px var(--atomic-neutral);\\n cursor: pointer;\\n}\\n:host [part='result-list-grid-clickable']:focus-visible {\\n border-radius: 2px;\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n color: var(--atomic-primary);\\n cursor: pointer;\\n display: inline-block;\\n text-decoration: underline;\\n text-align: center;\\n position: absolute;\\n}\\n:host [part='result-list-grid-clickable']:not(:focus) {\\n clip: rect(1px, 1px, 1px, 1px);\\n overflow: hidden;\\n position: absolute;\\n padding: 0;\\n}\\n:host .list-wrapper {\\n word-break: break-word;\\n}\\n:host .list-root.display-grid {\\n display: grid;\\n justify-content: space-evenly;\\n}\\n:host .list-root.display-grid .result-component {\\n height: 100%;\\n box-sizing: border-box;\\n}\\n:host {\\n display: block;\\n}\\n:host .list-root [part~='outline'] {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n padding: 1rem;\\n border-radius: 1rem;\\n}\\n:host .list-root atomic-result-placeholder {\\n border-color: transparent;\\n}\\n:host .list-root {\\n grid-column-gap: 0.5rem;\\n grid-row-gap: 0.5rem;\\n grid-template-columns: repeat(var(--atomic-recs-number-of-columns, 1), minmax(0, 1fr));\\n}\\n:host [part='label'] {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n}\\n:host atomic-result:not(.hydrated) {\\n visibility: hidden;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-border-style: solid;\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicRecsListStyle0 = atomicRecsListCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicRecsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsList extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.loadingFlag = randomID('firstRecommendationLoaded-');\n this.isAppLoaded = false;\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.currentPage = 0;\n /**\n * The Recommendation identifier used by the Coveo platform to retrieve recommended documents.\n * Make sure to set a different value for each atomic-recs-list in your page.\n */\n this.recommendation = 'Recommendation';\n /**\n * The layout to apply when displaying results themselves. This does not affect the display of the surrounding list itself.\n * To modify the number of recommendations per column, modify the --atomic-recs-number-of-columns CSS variable.\n */\n this.display = 'list';\n /**\n * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n */\n this.density = 'normal';\n /**\n * The expected size of the image displayed in the results.\n */\n this.imageSize = 'small';\n /**\n * The total number of recommendations to display.\n * This does not modify the number of recommendations per column. To do so, modify the --atomic-recs-number-of-columns CSS variable.\n */\n this.numberOfRecommendations = 10;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading label, from 1 to 6.\n */\n this.headingLevel = 0;\n this.error = undefined;\n this.isAppLoaded = false;\n this.resultTemplateRegistered = false;\n this.templateHasError = false;\n this.currentPage = 0;\n this.recommendationListState = undefined;\n this.recommendation = 'Recommendation';\n this.display = 'list';\n this.density = 'normal';\n this.imageSize = 'small';\n this.numberOfRecommendations = 10;\n this.numberOfRecommendationsPerPage = undefined;\n this.label = undefined;\n this.headingLevel = 0;\n }\n async watchNumberOfRecommendationsPerPage() {\n this.currentPage = 0;\n }\n /**\n * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.\n *\n * Do not use this method if you integrate Atomic in a plain HTML deployment.\n *\n * @param resultRenderingFunction\n */\n async setRenderFunction(resultRenderingFunction) {\n this.itemRenderingFunction = resultRenderingFunction;\n }\n /**\n * Moves to the previous page, when the carousel is activated.\n */\n async previousPage() {\n this.currentPage =\n this.currentPage - 1 < 0 ? this.numberOfPages - 1 : this.currentPage - 1;\n }\n /**\n * Moves to the next page, when the carousel is activated.\n */\n async nextPage() {\n this.currentPage = (this.currentPage + 1) % this.numberOfPages;\n }\n initialize() {\n this.validateNumberOfRecommendationsPerPage();\n this.validateRecommendationIdentifier();\n this.updateOriginLevel2();\n this.recommendationList = buildRecommendationList(this.bindings.engine, {\n options: {\n id: this.recommendation,\n numberOfRecommendations: this.numberOfRecommendations,\n },\n });\n this.itemTemplateProvider = new ResultTemplateProvider({\n includeDefaultTemplate: true,\n templateElements: Array.from(this.host.querySelectorAll('atomic-recs-result-template')),\n getResultTemplateRegistered: () => this.resultTemplateRegistered,\n getTemplateHasError: () => this.templateHasError,\n setResultTemplateRegistered: (value) => {\n this.resultTemplateRegistered = value;\n },\n setTemplateHasError: (value) => {\n this.templateHasError = value;\n },\n bindings: this.bindings,\n });\n this.itemListCommon = new ItemListCommon({\n engineSubscribe: this.bindings.engine.subscribe,\n getCurrentNumberOfItems: () => this.recommendationListState.recommendations.length,\n getIsLoading: () => this.recommendationListState.isLoading,\n host: this.host,\n loadingFlag: this.loadingFlag,\n nextNewItemTarget: this.focusTarget,\n store: this.bindings.store,\n });\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n get focusTarget() {\n if (!this.nextNewResultTarget) {\n this.nextNewResultTarget = new FocusTargetController(this);\n }\n return this.nextNewResultTarget;\n }\n get recommendationListStateWithAugment() {\n return {\n ...this.recommendationListState,\n firstRequestExecuted: this.recommendationListState.searchResponseId !== '',\n hasError: this.recommendationListState.error !== null,\n hasItems: this.recommendationListState.recommendations.length !== 0,\n results: this.subsetRecommendations,\n };\n }\n validateNumberOfRecommendationsPerPage() {\n const msg = new NumberValue({\n min: 1,\n max: this.numberOfRecommendations - 1,\n }).validate(this.numberOfRecommendationsPerPage);\n if (msg) {\n this.error = new Error(`The \"numberOfRecommendationsPerPage\" is invalid: ${msg}`);\n }\n }\n validateRecommendationIdentifier() {\n const recListWithRecommendation = document.querySelectorAll(`atomic-recs-list[recommendation=\"${this.recommendation}\"]`);\n if (recListWithRecommendation.length > 1) {\n this.bindings.engine.logger.warn(`There are multiple atomic-recs-list in this page with the same recommendation property \"${this.recommendation}\". Make sure to set a different recommendation property for each.`);\n }\n }\n updateOriginLevel2() {\n if (this.label) {\n const action = loadConfigurationActions(this.bindings.engine).setOriginLevel2({\n originLevel2: this.label,\n });\n this.bindings.engine.dispatch(action);\n }\n }\n renderHeading() {\n if (!this.label) {\n return;\n }\n if (this.recommendationListStateWithAugment.hasError) {\n return;\n }\n if (this.recommendationListStateWithAugment.firstRequestExecuted &&\n !this.recommendationListStateWithAugment.hasItems) {\n return;\n }\n return (h(Heading, { level: this.headingLevel, part: \"label\", class: \"m-0 mb-2\" }, this.bindings.i18n.t(this.label)));\n }\n get currentIndex() {\n return Math.abs((this.currentPage * this.numberOfRecommendationsPerPage) %\n this.recommendationListState.recommendations.length);\n }\n get subsetRecommendations() {\n if (!this.numberOfRecommendationsPerPage) {\n return this.recommendationListState.recommendations;\n }\n return this.recommendationListState.recommendations.slice(this.currentIndex, this.currentIndex + this.numberOfRecommendationsPerPage);\n }\n get numberOfPages() {\n return Math.ceil(this.recommendationListState.recommendations.length /\n this.numberOfRecommendationsPerPage);\n }\n get hasPagination() {\n return this.numberOfPages > 1;\n }\n get shouldRenderPagination() {\n return (this.hasPagination && this.recommendationListStateWithAugment.hasItems);\n }\n getPropsForAtomicRecsResult(recommendation) {\n const linkContent = this.itemTemplateProvider.getLinkTemplateContent(recommendation);\n return {\n interactiveResult: buildInteractiveResult(this.bindings.engine, {\n options: { result: recommendation },\n }),\n result: recommendation,\n renderingFunction: this.itemRenderingFunction,\n loadingFlag: this.loadingFlag,\n key: this.itemListCommon.getResultId(recommendation.uniqueId, this.recommendationListState.searchResponseId, this.density, this.imageSize),\n content: this.itemTemplateProvider.getTemplateContent(recommendation),\n linkContent,\n stopPropagation: !!linkContent,\n store: this.bindings.store,\n density: this.density,\n display: this.display,\n imageSize: this.imageSize,\n };\n }\n computeListDisplayClasses() {\n const displayPlaceholders = !this.isAppLoaded;\n return getItemListDisplayClasses('grid', this.density, this.imageSize, this.recommendationListState.isLoading, displayPlaceholders);\n }\n renderAsGrid(recommendation, i) {\n const propsForAtomicRecsResult = this.getPropsForAtomicRecsResult(recommendation);\n return (h(DisplayGrid, { selectorForItem: \"atomic-recs-result\", item: recommendation, ...propsForAtomicRecsResult.interactiveResult, setRef: (element) => element && this.itemListCommon.setNewResultRef(element, i) }, h(\"atomic-recs-result\", { ...propsForAtomicRecsResult })));\n }\n renderListOfRecommendations() {\n this.itemListCommon.updateBreakpoints();\n const listClasses = this.computeListDisplayClasses();\n if (!this.resultTemplateRegistered ||\n this.itemTemplateProvider.hasError ||\n this.error) {\n return;\n }\n return (h(DisplayWrapper, { listClasses: listClasses, display: \"grid\" }, h(ResultsPlaceholdersGuard, { density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.numberOfRecommendationsPerPage ?? this.numberOfRecommendations }), h(ItemDisplayGuard, { ...this.recommendationListStateWithAugment }, this.subsetRecommendations.map((recommendation, i) => {\n return this.renderAsGrid(recommendation, i);\n }))));\n }\n render() {\n return (h(Fragment, { key: '1306ce41435274a50a39936fc5331bf839e841db' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));\n }\n get host() { return this; }\n static get watchers() { return {\n \"numberOfRecommendationsPerPage\": [\"watchNumberOfRecommendationsPerPage\"]\n }; }\n static get style() { return AtomicRecsListStyle0; }\n}, [1, \"atomic-recs-list\", {\n \"recommendation\": [513],\n \"display\": [513],\n \"density\": [513],\n \"imageSize\": [513, \"image-size\"],\n \"numberOfRecommendations\": [514, \"number-of-recommendations\"],\n \"numberOfRecommendationsPerPage\": [514, \"number-of-recommendations-per-page\"],\n \"label\": [513],\n \"headingLevel\": [514, \"heading-level\"],\n \"error\": [32],\n \"isAppLoaded\": [32],\n \"resultTemplateRegistered\": [32],\n \"templateHasError\": [32],\n \"currentPage\": [32],\n \"recommendationListState\": [32],\n \"setRenderFunction\": [64],\n \"previousPage\": [64],\n \"nextPage\": [64]\n }, undefined, {\n \"numberOfRecommendationsPerPage\": [\"watchNumberOfRecommendationsPerPage\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicRecsList$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('recommendationList')\n], AtomicRecsList$1.prototype, \"recommendationListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-recs-list\", \"atomic-recs-result\", \"atomic-result-placeholder\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-recs-list\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicRecsList$1);\n }\n break;\n case \"atomic-recs-result\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-result-placeholder\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicRecsList = AtomicRecsList$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicRecsList, defineCustomElement };\n\n//# sourceMappingURL=atomic-recs-list.js.map","import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { M as MapProp } from './props-utils.js';\nimport { R as ResultTemplateCommon, m as makeDefinedConditions, a as makeMatchConditions } from './stencil-result-template-common.js';\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicRecsResultTemplate$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsResultTemplate extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.matchConditions = [];\n /**\n * A function that must return true on results for the result template to apply.\n * Set programmatically before initialization, not via attribute.\n *\n * For example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n * `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`\n */\n this.conditions = [];\n /**\n * The field and values that define which result items the condition must be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`\n */\n this.mustMatch = {};\n /**\n * The field and values that define which result items the condition must not be applied to.\n *\n * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\"`\n */\n this.mustNotMatch = {};\n this.error = undefined;\n this.conditions = [];\n this.ifDefined = undefined;\n this.ifNotDefined = undefined;\n this.mustMatch = {};\n this.mustNotMatch = {};\n }\n connectedCallback() {\n this.resultTemplateCommon = new ResultTemplateCommon({\n host: this.host,\n setError: (err) => {\n this.error = err;\n },\n validParents: ['atomic-recs-list', 'atomic-ipx-recs-list'],\n allowEmpty: true,\n });\n }\n componentWillLoad() {\n this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n this.resultTemplateCommon.matchConditions = makeMatchConditions(this.mustMatch, this.mustNotMatch);\n }\n /**\n * Gets the appropriate result template based on the conditions applied.\n */\n async getTemplate() {\n return this.resultTemplateCommon.getTemplate(this.conditions, this.error);\n }\n render() {\n return this.resultTemplateCommon.renderIfError(this.error);\n }\n get host() { return this; }\n}, [1, \"atomic-recs-result-template\", {\n \"conditions\": [16],\n \"ifDefined\": [513, \"if-defined\"],\n \"ifNotDefined\": [513, \"if-not-defined\"],\n \"mustMatch\": [16],\n \"mustNotMatch\": [16],\n \"error\": [32],\n \"getTemplate\": [64]\n }]);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicRecsResultTemplate$1.prototype, \"mustMatch\", void 0);\n__decorate([\n MapProp({ splitValues: true })\n], AtomicRecsResultTemplate$1.prototype, \"mustNotMatch\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-recs-result-template\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-recs-result-template\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicRecsResultTemplate$1);\n }\n break;\n } });\n}\n\nconst AtomicRecsResultTemplate = AtomicRecsResultTemplate$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicRecsResultTemplate, defineCustomElement };\n\n//# sourceMappingURL=atomic-recs-result-template.js.map","import { h, Fragment, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildBreadcrumbManager, buildSort, buildQuerySummary, buildSearchStatus, buildFacetManager, buildTabManager } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { s as shouldDisplayOnCurrentTab } from './tab-utils.js';\nimport { s as sortByDocumentPosition } from './utils.js';\nimport { f as findSection } from './atomic-layout-section-utils.js';\nimport { p as popoverClass } from './popover-type.js';\nimport { t as triageFacetsByParents, s as sortFacetVisibility, c as collapseFacetsAfter } from './stencil-facet-common.js';\nimport { i as isRefineModalFacet } from './store.js';\nimport { B as Button } from './stencil-button.js';\nimport { R as RefineModal } from './stencil-modal.js';\nimport { d as defineCustomElement$2 } from './atomic-automatic-facet-generator2.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RefineModalBody = ({ ariaLabel }, children) => {\n return (h(\"aside\", { part: \"content\", slot: \"body\", class: \"flex flex-col w-full\", \"aria-label\": ariaLabel }, children));\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RefineModalFiltersSection = ({ i18n, withAutomaticFacets, withFacets }, children) => {\n return (h(Fragment, null,\n h(\"div\", { part: \"filter-section\", class: \"mt-8 mb-3 flex w-full justify-between\" },\n h(\"h1\", { part: \"section-title section-filters-title\", class: \"truncate text-2xl font-bold\" }, i18n.t('filters')),\n children),\n withFacets && h(\"slot\", { name: \"facets\" }),\n withAutomaticFacets && h(\"slot\", { name: \"automatic-facets\" })));\n};\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RefineModalFiltersClearButton = ({ i18n, onClick }) => {\n return (h(Button, { onClick: onClick, style: \"text-primary\", text: i18n.t('clear'), class: \"px-2 py-1\", part: \"filter-clear-all\" }));\n};\n\nconst SortIcon = `\n \n \n \n \n`;\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst RefineModalSortSection = ({ i18n, onSelect }, children) => {\n return (h(Fragment, null,\n h(\"h1\", { part: \"section-title section-sort-title\", class: \"mb-3 truncate text-2xl font-bold\" }, i18n.t('sort')),\n h(\"div\", { part: \"select-wrapper\", class: \"relative\" },\n h(\"select\", { class: \"btn-outline-neutral w-full grow cursor-pointer appearance-none rounded-lg px-6 py-5 text-lg font-bold\", part: \"select\", \"aria-label\": i18n.t('sort-by'), onChange: onSelect }, children),\n h(\"div\", { part: \"select-icon-wrapper\", class: \"pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6\" },\n h(\"atomic-icon\", { part: \"select-icon\", icon: SortIcon, class: \"h-6 w-6\" })))));\n};\n\nconst atomicRefineModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\nselect:hover + div,\\nselect:focus-visible + div {\\n color: var(--atomic-primary-light);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicRefineModalStyle0 = atomicRefineModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicRefineModal$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRefineModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.isOpen = false;\n /**\n * The number of expanded facets inside the refine modal.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n */\n this.collapseFacetsAfter = 0;\n this.querySummaryState = undefined;\n this.breadcrumbManagerState = undefined;\n this.facetManagerState = undefined;\n this.sortState = undefined;\n this.tabManagerState = undefined;\n this.error = undefined;\n this.openButton = undefined;\n this.isOpen = false;\n this.collapseFacetsAfter = 0;\n }\n watchEnabled(isOpen) {\n if (isOpen) {\n if (this.host.querySelector('div[slot=\"facets\"]')) {\n return;\n }\n this.host.append(this.createFacetSlot());\n }\n }\n initialize() {\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n this.sort = buildSort(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.facetManager = buildFacetManager(this.bindings.engine);\n this.tabManager = buildTabManager(this.bindings.engine);\n this.watchEnabled(this.isOpen);\n }\n createFacetSlot() {\n const divSlot = document.createElement('div');\n divSlot.setAttribute('slot', 'facets');\n this.addFacetColumnStyling(divSlot);\n const facets = this.bindings.store.getFacetElements();\n const boundInterfaces = this.getBoundInterfaces().sort(sortByDocumentPosition);\n const facetsSection = [];\n const horizontalFacetsSection = [];\n for (const boundInterface of boundInterfaces) {\n const facetSection = findSection(boundInterface, 'facets');\n if (facetSection) {\n facetsSection.push(facetSection);\n }\n const horizontalFacetSection = findSection(boundInterface, 'horizontal-facets');\n if (horizontalFacetSection) {\n horizontalFacetsSection.push(horizontalFacetSection);\n }\n }\n const triagedFacets = triageFacetsByParents(facets, ...horizontalFacetsSection, ...facetsSection);\n for (const triagedFacet of triagedFacets.values()) {\n triagedFacet.sort(sortByDocumentPosition);\n }\n const sortedFacets = [];\n for (let i = 0; i < boundInterfaces.length; i++) {\n sortedFacets.push(...(triagedFacets.get(facetsSection[i]) || []));\n sortedFacets.push(...(triagedFacets.get(horizontalFacetsSection[i]) || []));\n }\n sortedFacets.push(...(triagedFacets.get(null) || []));\n const { visibleFacets, invisibleFacets } = sortFacetVisibility(sortedFacets, this.bindings.store.getAllFacets());\n const visibleFacetsClone = this.cloneFacets(visibleFacets);\n const invisibleFacetsClone = this.cloneFacets(invisibleFacets);\n collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);\n divSlot.append(...visibleFacetsClone);\n divSlot.append(...invisibleFacetsClone);\n const generator = this.makeAutomaticFacetGenerator();\n if (generator) {\n generator.updateCollapseFacetsDependingOnFacetsVisibility(this.collapseFacetsAfter, visibleFacets.length);\n divSlot.append(generator);\n }\n return divSlot;\n }\n getBoundInterfaces() {\n const mainInterface = this.host.closest('atomic-search-interface') ??\n this.host.closest('atomic-external')?.boundInterface ??\n null;\n if (!mainInterface) {\n throw new Error('Cannot find bound interface');\n }\n const boundExternalInterfaces = Array.from(document.querySelectorAll('atomic-external')).filter((atomicExternal) => atomicExternal.boundInterface === mainInterface);\n return [...boundExternalInterfaces, mainInterface];\n }\n cloneFacets(facets) {\n return facets.map((facet, i) => {\n facet.classList.remove(popoverClass);\n facet.setAttribute(isRefineModalFacet, '');\n const clone = facet.cloneNode(true);\n clone.isCollapsed =\n this.collapseFacetsAfter === -1\n ? false\n : i + 1 > this.collapseFacetsAfter;\n return clone;\n });\n }\n makeAutomaticFacetGenerator() {\n if (!this.bindings.engine.state.automaticFacetSet?.desiredCount) {\n return;\n }\n const generator = document.createElement('atomic-automatic-facet-generator');\n generator.setAttribute('desired-count', `${this.bindings.engine.state.automaticFacetSet?.desiredCount}`);\n this.addFacetColumnStyling(generator);\n return generator;\n }\n addFacetColumnStyling(el) {\n el.style.display = 'flex';\n el.style.flexDirection = 'column';\n el.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n }\n get options() {\n return this.bindings.store.state.sortOptions;\n }\n select(e) {\n const select = e.composedPath()[0];\n const option = this.options.find((option) => option.expression === select.value);\n option && this.sort.sortBy(option.criteria);\n }\n buildOption({ expression, criteria, label, tabs }) {\n if (!shouldDisplayOnCurrentTab([...tabs.included], [...tabs.excluded], this.tabManagerState?.activeTab)) {\n return;\n }\n return (h(\"option\", { value: expression, selected: this.sort.isSortedBy(criteria) }, this.bindings.i18n.t(label)));\n }\n renderSort() {\n if (!this.options.length) {\n return;\n }\n return (h(RefineModalSortSection, { i18n: this.bindings.i18n, onSelect: (option) => this.select(option) }, this.options.map((option) => this.buildOption(option))));\n }\n renderFilters() {\n const hasFacetElements = this.bindings.store.getFacetElements().length > 0;\n const hasAutomaticFacets = this.bindings.engine.state.automaticFacetSet?.set !== undefined;\n if (!hasFacetElements && !hasAutomaticFacets) {\n return;\n }\n const { i18n } = this.bindings;\n return (h(RefineModalFiltersSection, { i18n: i18n, withFacets: hasFacetElements, withAutomaticFacets: hasAutomaticFacets }, this.breadcrumbManagerState.hasBreadcrumbs && (h(RefineModalFiltersClearButton, { i18n: i18n, onClick: () => this.breadcrumbManager.deselectAll() }))));\n }\n render() {\n return (h(RefineModal, { key: '73b313af0a32e241a7205000274d9748cb13f11b', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: '60f06a0158350958f50ae0dabac667ade792550f', ariaLabel: this.bindings.i18n.t('refine-modal-content') }, this.renderSort(), this.renderFilters())));\n }\n componentDidLoad() {\n this.host.style.display = '';\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchEnabled\"]\n }; }\n static get style() { return AtomicRefineModalStyle0; }\n}, [1, \"atomic-refine-modal\", {\n \"openButton\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"collapseFacetsAfter\": [514, \"collapse-facets-after\"],\n \"querySummaryState\": [32],\n \"breadcrumbManagerState\": [32],\n \"facetManagerState\": [32],\n \"sortState\": [32],\n \"tabManagerState\": [32],\n \"error\": [32]\n }, undefined, {\n \"isOpen\": [\"watchEnabled\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicRefineModal$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('querySummary')\n], AtomicRefineModal$1.prototype, \"querySummaryState\", void 0);\n__decorate([\n BindStateToController('breadcrumbManager')\n], AtomicRefineModal$1.prototype, \"breadcrumbManagerState\", void 0);\n__decorate([\n BindStateToController('facetManager')\n], AtomicRefineModal$1.prototype, \"facetManagerState\", void 0);\n__decorate([\n BindStateToController('sort')\n], AtomicRefineModal$1.prototype, \"sortState\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicRefineModal$1.prototype, \"tabManagerState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-refine-modal\", \"atomic-automatic-facet-generator\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-refine-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicRefineModal$1);\n }\n break;\n case \"atomic-automatic-facet-generator\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicRefineModal = AtomicRefineModal$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicRefineModal, defineCustomElement };\n\n//# sourceMappingURL=atomic-refine-modal.js.map","import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';\nimport { isNullOrUndefined } from '@eternal-baguette/bueno';\nimport { buildStandaloneSearchBox, buildSearchBox } from '@eternal-baguette/headless';\nimport { i as isMacOS, h as hasKeyboard, d as defineCustomElement$2 } from './atomic-suggestion-renderer2.js';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { S as StorageItems, a as SafeStorage } from './local-storage-utils.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { A as AriaLiveRegion } from './stencil-accessibility-utils.js';\nimport { o as once, r as randomID, a as spreadProperties, i as isFocusingOut } from './utils.js';\nimport { b as SearchSlimIcon, d as SearchTextArea, S as SuggestionManager, a as elementHasQuery, c as SearchBoxWrapper } from './stencil-suggestion-manager.js';\nimport { B as Button } from './stencil-button.js';\nimport { g as getDefaultSlotContent } from './slot-utils.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst SubmitButton = ({ bindings, disabled, onClick, }) => (h(\"div\", { part: \"submit-button-wrapper\", class: \"mr-2 flex items-center justify-center py-2\" },\n h(Button, { style: \"text-primary\", class: \"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\", part: \"submit-button\", ariaLabel: bindings.i18n.t('search'), onClick: () => {\n onClick?.();\n }, disabled: disabled },\n h(\"atomic-icon\", { part: \"submit-icon\", icon: SearchSlimIcon, class: \"h-4 w-4\" }))));\n\nconst atomicSearchBoxCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.loading {\\n --tw-gradient-from: var(--atomic-primary-dark);\\n --tw-gradient-to: var(--atomic-primary-light);\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n}\\n.loading::after {\\n content: '';\\n position: absolute;\\n height: calc(5/6 * 100%);\\n width: calc(5/6 * 100%);\\n border-radius: calc(infinity * 1px);\\n background-color: var(--atomic-background);\\n}\\n[part='textarea-expander']::after {\\n content: attr(data-replicated-value) ' ';\\n visibility: hidden;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea'] {\\n -ms-overflow-style: none;\\n scrollbar-width: none;\\n}\\n[part='textarea-expander'] > [part='textarea']::-webkit-scrollbar {\\n display: none;\\n}\\n[part='textarea-expander'] > [part='textarea'], [part='textarea-expander']::after {\\n z-index: 10;\\n height: 100%;\\n flex-grow: 1;\\n resize: none;\\n overflow: hidden;\\n background-color: transparent;\\n padding-inline: calc(0.25rem * 4);\\n padding-block: calc(0.25rem * 3.5);\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n white-space: nowrap;\\n color: var(--atomic-neutral-dark);\\n --tw-outline-style: none;\\n outline-style: none;\\n grid-area: 1 / 1 / 2 / 2;\\n}\\n[part='textarea-expander'].expanded > [part='textarea'], [part='textarea-expander'].expanded::after {\\n white-space: pre-wrap;\\n overflow-y: auto;\\n max-height: 8em;\\n}\\n[part~='instant-results-item'] {\\n padding: calc(0.25rem * 3);\\n}\\n[part~='instant-results-show-all'] {\\n justify-content: center;\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n border-top-color: var(--atomic-neutral);\\n padding-block: calc(0.25rem * 1);\\n margin-top: auto;\\n box-sizing: content-box;\\n}\\n[part~='instant-results-show-all'] button {\\n background-color: transparent;\\n}\\n[part~='suggestions-left'] + [part~='suggestions-right'] {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n border-left-color: var(--atomic-neutral);\\n}\\n[part~='suggestions-wrapper'] {\\n flex-direction: column;\\n}\\n@media (width >= 1024px) {\\n [part~='suggestions-wrapper'] {\\n flex-direction: row;\\n }\\n}\\n:host {\\n position: relative;\\n z-index: 10;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSearchBoxStyle0 = atomicSearchBoxCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.redirect = createEvent(this, \"redirect\", 7);\n this.searchBoxSuggestionEventsQueue = [];\n this.isExpanded = false;\n /**\n * The amount of queries displayed when the user interacts with the search box.\n * By default, a mix of query suggestions and recent queries will be shown.\n * You can configure those settings using the following components as children:\n * - atomic-search-box-query-suggestions\n * - atomic-search-box-recent-queries\n */\n this.numberOfQueries = 8;\n /**\n * The timeout for suggestion queries, in milliseconds.\n * If a suggestion query times out, the suggestions from that particular query won't be shown.\n */\n this.suggestionTimeout = 400;\n /**\n * The delay for suggestion queries on input, in milliseconds.\n *\n * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n *\n * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n * A higher delay will reduce input lag, at the cost of suggestions freshness.\n */\n this.suggestionDelay = 0;\n /**\n * Whether to prevent the user from triggering searches and query suggestions from the component.\n * Perfect for use cases where you need to disable the search conditionally.\n * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n */\n this.disableSearch = false;\n /**\n * The minimum query length required to enable search.\n * For example, to disable the search for empty queries, set this to `1`.\n */\n this.minimumQueryLength = 0;\n /**\n * Whether to clear all active query filters when the end user submits a new query from the search box.\n * Setting this option to \"false\" is not recommended and can lead to an increasing number of queries returning no results.\n */\n this.clearFilters = true;\n /**\n * Whether to interpret advanced [Coveo query syntax](https://docs.coveo.com/en/1552/) in the query.\n * You should only enable query syntax in the search box if you have good reasons to do so, as it\n * requires end users to be familiar with Coveo query syntax, otherwise they will likely be surprised\n * by the search box behaviour.\n *\n * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n */\n this.enableQuerySyntax = false;\n this.disconnectedCallback = () => { };\n this.updateBreakpoints = once(() => updateBreakpoints(this.host));\n this.renderTextBox = (searchLabel) => {\n const props = {\n loading: this.searchBoxState.isLoading,\n bindings: this.bindings,\n value: this.searchBoxState.value,\n title: searchLabel,\n ariaLabel: searchLabel,\n onFocus: () => this.onFocus(),\n onInput: (e) => this.onInput(e.target.value),\n onKeyDown: (e) => this.onKeyDown(e),\n onClear: () => {\n this.announceClearSearchBoxToScreenReader();\n this.searchBox.clear();\n this.suggestionManager.clearSuggestions();\n },\n popup: {\n id: `${this.id}-popup`,\n activeDescendant: this.suggestionManager.activeDescendant,\n expanded: this.isExpanded,\n hasSuggestions: this.suggestionManager.hasSuggestions,\n },\n };\n return (h(SearchTextArea, { textAreaRef: this.textAreaRef, ref: (el) => (this.textAreaRef = el), ...props, onClear: () => {\n props.onClear();\n this.triggerTextAreaChange('');\n } }));\n };\n this.searchBoxState = undefined;\n this.error = undefined;\n this.isExpanded = false;\n this.numberOfQueries = 8;\n this.redirectionUrl = undefined;\n this.suggestionTimeout = 400;\n this.suggestionDelay = 0;\n this.disableSearch = false;\n this.minimumQueryLength = 0;\n this.clearFilters = true;\n this.enableQuerySyntax = false;\n }\n isStandaloneSearchBox(searchBox) {\n return 'redirectTo' in searchBox;\n }\n initialize() {\n this.id ||= randomID('atomic-search-box-');\n this.initializeSearchboxController();\n this.initializeSuggestionManager();\n }\n updateRedirectionUrl() {\n if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n this.searchBox.updateRedirectUrl(this.redirectionUrl);\n }\n else {\n this.registerNewSearchBoxController();\n }\n }\n registerNewSearchBoxController() {\n this.disconnectedCallback();\n this.initialize();\n }\n initializeSearchboxController() {\n this.searchBox = this.redirectionUrl\n ? buildStandaloneSearchBox(this.bindings.engine, {\n options: {\n ...this.searchBoxOptions,\n redirectionUrl: this.redirectionUrl,\n overwrite: true,\n },\n })\n : buildSearchBox(this.bindings.engine, {\n options: this.searchBoxOptions,\n });\n }\n componentWillUpdate() {\n if (!('redirectTo' in this.searchBoxState) ||\n !('afterRedirection' in this.searchBox)) {\n return;\n }\n const { redirectTo, value, analytics } = this.searchBoxState;\n if (redirectTo === '') {\n return;\n }\n const data = {\n value,\n enableQuerySyntax: this.enableQuerySyntax,\n analytics,\n };\n const storage = new SafeStorage();\n storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n this.searchBox.afterRedirection();\n const event = this.redirect.emit({ redirectTo, value });\n if (!event.defaultPrevented) {\n window.location.href = redirectTo;\n }\n }\n registerSuggestions(event) {\n if (!this.bindings) {\n this.searchBoxSuggestionEventsQueue.push(event);\n }\n else {\n this.suggestionManager.registerSuggestionsFromEvent(event, this.suggestionBindings);\n }\n }\n registerSearchboxSuggestionEvents() {\n this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n this.suggestionManager.registerSuggestionsFromEvent(evt, this.suggestionBindings);\n });\n this.searchBoxSuggestionEventsQueue = [];\n }\n watchRedirectionUrl() {\n this.updateRedirectionUrl();\n }\n initializeSuggestionManager() {\n if (this.suggestionManager) {\n return;\n }\n this.suggestionManager = new SuggestionManager({\n getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n updateQuery: (query) => this.searchBox.updateText(query),\n getSearchBoxValue: () => this.searchBoxState.value,\n getSuggestionTimeout: () => this.suggestionTimeout,\n getSuggestionDelay: () => this.suggestionDelay,\n getHost: () => this.host,\n getLogger: () => this.bindings.engine.logger,\n });\n this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n }\n get suggestionBindings() {\n return spreadProperties(this.bindings, this.suggestionManager.partialSuggestionBindings, this.partialSuggestionBindings);\n }\n get partialSuggestionBindings() {\n return Object.defineProperties({ ...this.bindings }, {\n id: {\n get: () => this.id,\n enumerable: true,\n },\n searchBoxController: {\n get: () => this.searchBox,\n enumerable: true,\n },\n isStandalone: {\n get: () => !!this.redirectionUrl,\n enumerable: true,\n },\n numberOfQueries: {\n get: () => this.numberOfQueries,\n enumerable: true,\n },\n clearFilters: {\n get: () => this.clearFilters,\n enumerable: true,\n },\n });\n }\n get searchBoxOptions() {\n return {\n id: this.id,\n numberOfSuggestions: 0,\n highlightOptions: {\n notMatchDelimiters: {\n open: '',\n close: '',\n },\n correctionDelimiters: {\n open: '',\n close: '',\n },\n },\n clearFilters: this.clearFilters,\n enableQuerySyntax: this.enableQuerySyntax,\n };\n }\n async onInput(value) {\n this.searchBox.updateText(value);\n if (this.isSearchDisabledForEndUser(value)) {\n this.suggestionManager.clearSuggestions();\n return;\n }\n this.isExpanded = true;\n await this.suggestionManager.triggerSuggestions();\n this.announceNewSuggestionsToScreenReader();\n }\n async onFocus() {\n if (this.isExpanded) {\n return;\n }\n this.isExpanded = true;\n await this.suggestionManager.triggerSuggestions();\n this.announceNewSuggestionsToScreenReader();\n }\n onSubmit() {\n this.isExpanded = false;\n if (this.suggestionManager.keyboardActiveDescendant) {\n this.suggestionManager.onSubmit();\n return;\n }\n this.searchBox.submit();\n }\n async onKeyDown(e) {\n if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n return;\n }\n switch (e.key) {\n case 'Enter':\n this.onSubmit();\n break;\n case 'Escape':\n this.suggestionManager.clearSuggestions();\n break;\n case 'ArrowDown':\n e.preventDefault();\n await this.suggestionManager.focusNextValue();\n this.announceNewActiveSuggestionToScreenReader();\n break;\n case 'ArrowUp':\n e.preventDefault();\n await this.suggestionManager.focusPreviousValue();\n this.announceNewActiveSuggestionToScreenReader();\n break;\n case 'ArrowRight':\n if (this.suggestionManager.hasActiveDescendant ||\n !this.searchBox.state.value) {\n e.preventDefault();\n this.suggestionManager.focusPanel('right');\n this.announceNewActiveSuggestionToScreenReader();\n }\n break;\n case 'ArrowLeft':\n if (this.suggestionManager.hasActiveDescendant ||\n !this.searchBox.state.value) {\n e.preventDefault();\n this.suggestionManager.focusPanel('left');\n this.announceNewActiveSuggestionToScreenReader();\n }\n break;\n case 'Tab':\n this.suggestionManager.clearSuggestions();\n break;\n default:\n if (this.suggestionManager.keyboardActiveDescendant) {\n this.suggestionManager.updateKeyboardActiveDescendant();\n }\n break;\n }\n }\n triggerTextAreaChange(value) {\n this.textAreaRef.value = value;\n this.textAreaRef.dispatchEvent(new window.Event('change'));\n }\n renderSuggestion(item, index, lastIndex, side) {\n const id = `${this.id}-${side}-suggestion-${item.key}`;\n const isSelected = id === this.suggestionManager.activeDescendant;\n if (index === lastIndex && item.hideIfLast) {\n return null;\n }\n return (h(\"atomic-suggestion-renderer\", { i18n: this.bindings.i18n, id: id, suggestion: item, isSelected: isSelected, side: side, index: index, lastIndex: lastIndex, isDoubleList: this.suggestionManager.isDoubleList, onClick: (e) => {\n this.suggestionManager.onSuggestionClick(item, e);\n if (item.key === 'recent-query-clear') {\n return;\n }\n this.isExpanded = false;\n }, onMouseOver: () => {\n this.suggestionManager.onSuggestionMouseOver(item, side, id);\n } }));\n }\n renderPanel(side, elements, setRef, getRef) {\n if (!elements.length) {\n return null;\n }\n return (h(\"div\", { part: `suggestions suggestions-${side}`, ref: setRef, class: \"flex grow basis-1/2 flex-col\", onMouseDown: (e) => {\n if (e.target === getRef()) {\n e.preventDefault();\n }\n } }, elements.map((suggestion, index) => this.renderSuggestion(suggestion, index, elements.length - 1, side))));\n }\n get shouldShowSuggestions() {\n return (this.suggestionManager.hasSuggestions &&\n this.isExpanded &&\n !this.isSearchDisabledForEndUser(this.searchBoxState.value));\n }\n renderSuggestions() {\n return (h(\"div\", { id: `${this.id}-popup`, part: `suggestions-wrapper ${this.suggestionManager.isDoubleList\n ? 'suggestions-double-list'\n : 'suggestions-single-list'}`, class: `bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${this.shouldShowSuggestions ? '' : 'hidden'}`, role: \"application\", \"aria-label\": this.bindings.i18n.t(this.suggestionManager.isDoubleList\n ? 'search-suggestions-double-list'\n : 'search-suggestions-single-list'), ...(this.suggestionManager.activeDescendant && {\n 'aria-activedescendant': this.suggestionManager.activeDescendant,\n }) }, this.renderPanel('left', this.suggestionManager.leftSuggestionElements, (el) => (this.suggestionManager.leftPanel = el), () => this.suggestionManager.leftPanel), this.renderPanel('right', this.suggestionManager.rightSuggestionElements, (el) => (this.suggestionManager.rightPanel = el), () => this.suggestionManager.rightPanel)));\n }\n renderAbsolutePositionSpacer() {\n return (h(\"textarea\", { \"aria-hidden\": true, part: \"textarea-spacer\", class: \"invisible w-full px-4 py-3.5 text-lg\", rows: 1 }));\n }\n isSearchDisabledForEndUser(queryValue) {\n if (isNullOrUndefined(queryValue)) {\n return this.disableSearch;\n }\n if (queryValue.trim().length < this.minimumQueryLength) {\n return true;\n }\n return this.disableSearch;\n }\n getSearchInputLabel(minimumQueryLength = 0) {\n if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n return this.bindings.i18n.t('search-disabled', {\n length: minimumQueryLength,\n });\n }\n if (isMacOS()) {\n return this.bindings.i18n.t('search-box-with-suggestions-macos');\n }\n if (!hasKeyboard()) {\n return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n }\n return this.bindings.i18n.t('search-box-with-suggestions');\n }\n announceNewActiveSuggestionToScreenReader() {\n const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n if (isMacOS() && ariaLabel) {\n this.suggestionsAriaMessage = ariaLabel;\n }\n }\n announceClearSearchBoxToScreenReader() {\n this.suggestionsAriaMessage = this.bindings.i18n.t(\"search-box-cleared\");\n }\n announceNewSuggestionsToScreenReader() {\n const elsLength = this.suggestionManager.allSuggestionElements.filter(elementHasQuery).length;\n this.searchBoxAriaMessage = elsLength\n ? this.bindings.i18n.t(this.searchBoxState.value\n ? 'query-suggestions-available'\n : 'query-suggestions-available-no-query', {\n count: elsLength,\n query: this.searchBoxState.value,\n })\n : this.bindings.i18n.t('query-suggestions-unavailable');\n }\n renderSlotContent() {\n const hasDefaultSlot = getDefaultSlotContent(this.host).length > 0;\n if (hasDefaultSlot) {\n return h(\"slot\", null);\n }\n return [\n h(\"atomic-search-box-recent-queries\", null),\n h(\"atomic-search-box-query-suggestions\", null),\n ];\n }\n render() {\n this.updateBreakpoints();\n const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n const isDisabled = this.isSearchDisabledForEndUser(this.searchBoxState.value);\n if (!this.suggestionManager.suggestions.length) {\n this.registerSearchboxSuggestionEvents();\n }\n return (h(Host, { key: 'cd1e82a2b9b142e54f50a26d6dc9bfe207e3f320' }, this.renderAbsolutePositionSpacer(), [\n h(SearchBoxWrapper, { key: '8c3625cc755b5c046603428d3eb2d00bf93a70a8', disabled: isDisabled, onFocusout: (event) => {\n if (!isFocusingOut(event)) {\n return;\n }\n this.suggestionManager.clearSuggestions();\n this.isExpanded = false;\n } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'ff0e9609b91d817a5271f177ee6f7800f1dc1d50', bindings: this.bindings, disabled: isDisabled, onClick: () => {\n this.searchBox.submit();\n this.suggestionManager.clearSuggestions();\n } }), this.renderSuggestions()),\n this.renderSlotContent(),\n ]));\n }\n get host() { return this; }\n static get watchers() { return {\n \"redirectionUrl\": [\"watchRedirectionUrl\"]\n }; }\n static get style() { return AtomicSearchBoxStyle0; }\n}, [1, \"atomic-search-box\", {\n \"numberOfQueries\": [514, \"number-of-queries\"],\n \"redirectionUrl\": [513, \"redirection-url\"],\n \"suggestionTimeout\": [2, \"suggestion-timeout\"],\n \"suggestionDelay\": [2, \"suggestion-delay\"],\n \"disableSearch\": [516, \"disable-search\"],\n \"minimumQueryLength\": [514, \"minimum-query-length\"],\n \"clearFilters\": [516, \"clear-filters\"],\n \"enableQuerySyntax\": [516, \"enable-query-syntax\"],\n \"searchBoxState\": [32],\n \"error\": [32],\n \"isExpanded\": [32]\n }, [[0, \"atomic/searchBoxSuggestion/register\", \"registerSuggestions\"]], {\n \"redirectionUrl\": [\"watchRedirectionUrl\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSearchBox$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('searchBox')\n], AtomicSearchBox$1.prototype, \"searchBoxState\", void 0);\n__decorate([\n AriaLiveRegion('search-box')\n], AtomicSearchBox$1.prototype, \"searchBoxAriaMessage\", void 0);\n__decorate([\n AriaLiveRegion('search-suggestions', true)\n], AtomicSearchBox$1.prototype, \"suggestionsAriaMessage\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-search-box\", \"atomic-suggestion-renderer\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-search-box\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSearchBox$1);\n }\n break;\n case \"atomic-suggestion-renderer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicSearchBox = AtomicSearchBox$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicSearchBox, defineCustomElement };\n\n//# sourceMappingURL=atomic-search-box.js.map","import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';\nimport { buildSearchStatus, buildTabManager, buildFacet, buildFacetConditionsManager } from '@eternal-baguette/headless';\nimport { p as parseDependsOn, F as FacetValuesGroup, g as getFieldValueCaption } from './stencil-facet-values-group.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { A as ArrayProp, M as MapProp } from './props-utils.js';\nimport { B as Button } from './stencil-button.js';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nconst FacetSegmentedValue = (props) => {\n const compactCount = new Intl.NumberFormat(props.i18n.language, {\n notation: 'compact',\n }).format(props.numberOfResults);\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabel = props.i18n.t('facet-value', {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: count,\n });\n return (h(\"li\", { key: props.displayValue },\n h(Button, { style: \"square-neutral\", part: `value-box${props.isSelected ? ' value-box-selected' : ''}`, onClick: () => props.onClick(), class: `value-box group box-border flex h-full items-center p-2 ${props.isSelected\n ? 'selected border-primary shadow-inner-primary'\n : 'hover:border-primary-light focus-visible:border-primary-light'}`, ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel },\n h(\"span\", { title: props.displayValue, part: \"value-label\", class: `value-label truncate ${props.isSelected\n ? 'text-primary'\n : 'group-hover:text-primary-light group-focus:text-primary'}` }, props.displayValue),\n h(\"span\", { title: count, part: \"value-count\", class: `value-box-count mt-0 w-auto truncate pl-1 text-sm ${props.isSelected\n ? 'text-primary'\n : 'text-neutral-dark group-hover:text-primary-light group-focus:text-primary'}` }, props.i18n.t('between-parentheses', {\n text: compactCount,\n })))));\n};\n\nconst atomicSegmentedFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\nli:first-child .value-box {\\n border-top-left-radius: var(--atomic-border-radius);\\n border-bottom-left-radius: var(--atomic-border-radius);\\n}\\nli:last-child .value-box {\\n border-top-right-radius: var(--atomic-border-radius);\\n border-bottom-right-radius: var(--atomic-border-radius);\\n}\\n.value-label {\\n max-width: 15ch;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSegmentedFacetStyle0 = atomicSegmentedFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSegmentedFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSegmentedFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n */\n this.tabsIncluded = '[]';\n /**\n * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n */\n this.tabsExcluded = '[]';\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * The number of values to request for this facet.\n * Also determines the number of additional values to request each time more values are shown.\n */\n this.numberOfValues = 6;\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'score', 'alphanumeric', 'alphanumericDescending', 'occurrences', alphanumericNatural', 'alphanumericNaturalDescending' and 'automatic'.\n */\n this.sortCriteria = 'automatic';\n /**\n * The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * \n *\n * \n * \n *\n * \n * \n * ```\n */\n this.dependsOn = {};\n /**\n * Specifies an explicit list of `allowedValues` in the Search API request. This list is in the form of a JSON string.\n *\n * If you specify a list of values for this option, the facet only uses these values (if they are available in\n * the current result set).\n *\n * Example:\n *\n * The following facet only uses the `Contact`, `Account`, and `File` values of the `objecttype` field. Even if the\n * current result set contains other `objecttype` values, such as `Message` or `Product`, the facet does not use\n * them.\n *\n * ```html\n * \n * ```\n *\n * The maximum amount of allowed values is 25.\n *\n * The default value is `undefined`, and the facet uses all available values for its `field` in the current result set.\n */\n this.allowedValues = '[]';\n /**\n * Identifies the facet values that must appear at the top, in this order.\n * This parameter can be used in conjunction with the `sortCriteria` parameter.\n *\n * Facet values not part of the `customSort` list will be sorted according to the `sortCriteria`.\n *\n * Example:\n *\n * The following facet will sort the `Contact`, `Account`, and `File` values at the top of the list for the `objecttype` field.\n *\n * If there are more than these 3 values available, the rest of the list will be sorted using `occurrences`.\n *\n * ```html\n * \n * ```\n * The maximum amount of custom sort values is 25.\n *\n * The default value is `undefined`, and the facet values will be sorted using only the `sortCriteria`.\n */\n this.customSort = '[]';\n this.searchStatusState = undefined;\n this.tabManagerState = undefined;\n this.facetState = undefined;\n this.error = undefined;\n this.facetId = undefined;\n this.field = undefined;\n this.label = undefined;\n this.tabsIncluded = '[]';\n this.tabsExcluded = '[]';\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.numberOfValues = 6;\n this.sortCriteria = 'automatic';\n this.dependsOn = {};\n this.allowedValues = '[]';\n this.customSort = '[]';\n }\n initialize() {\n if ([...this.tabsIncluded].length > 0 &&\n [...this.tabsExcluded].length > 0) {\n console.warn('Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.');\n }\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.tabManager = buildTabManager(this.bindings.engine);\n this.facet = buildFacet(this.bindings.engine, { options: this.facetOptions });\n this.facetId = this.facet.state.facetId;\n this.dependenciesManager = buildFacetConditionsManager(this.bindings.engine, {\n facetId: this.facetId,\n conditions: parseDependsOn(this.dependsOn),\n });\n }\n disconnectedCallback() {\n this.dependenciesManager.stopWatching();\n }\n renderValuesContainer(children) {\n const classes = 'box-container flex h-10';\n return (h(FacetValuesGroup, { i18n: this.bindings.i18n, label: this.label }, h(\"ul\", { class: classes, part: \"values\" }, children)));\n }\n renderValue(facetValue, onClick) {\n const displayValue = getFieldValueCaption(this.field, facetValue.value, this.bindings.i18n);\n const isSelected = facetValue.state !== 'idle';\n return (h(FacetSegmentedValue, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: this.bindings.i18n, onClick: onClick, searchQuery: this.facetState.facetSearch.query }));\n }\n renderValues() {\n return this.renderValuesContainer(this.facetState.values.map((value) => this.renderValue(value, () => this.facet.toggleSingleSelect(value))));\n }\n renderLabel() {\n if (!this.label) {\n return;\n }\n return (h(\"b\", { class: \"mr-2\", part: \"label\" }, this.label, \":\"));\n }\n get facetOptions() {\n return {\n facetId: this.facetId,\n field: this.field,\n numberOfValues: this.numberOfValues,\n sortCriteria: this.sortCriteria,\n facetSearch: { numberOfValues: this.numberOfValues },\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n hasBreadcrumbs: false,\n allowedValues: this.allowedValues.length\n ? [...this.allowedValues]\n : undefined,\n customSort: this.customSort.length ? [...this.customSort] : undefined,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n };\n }\n render() {\n if (this.searchStatus.state.hasError || !this.facet.state.enabled) {\n return h(Hidden, null);\n }\n if (!this.searchStatus.state.firstSearchExecuted) {\n return (h(\"div\", { part: \"placeholder\", \"aria-hidden\": true, class: \"bg-neutral h-8 w-48 animate-pulse rounded\" }));\n }\n if (!this.facetState.values.length) {\n return h(Hidden, null);\n }\n return (h(\"div\", { part: \"segmented-container\", class: \"mr-2 flex h-10 items-center whitespace-nowrap\" }, this.renderLabel(), this.renderValues()));\n }\n static get style() { return AtomicSegmentedFacetStyle0; }\n}, [1, \"atomic-segmented-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"field\": [513],\n \"label\": [513],\n \"tabsIncluded\": [1537, \"tabs-included\"],\n \"tabsExcluded\": [1537, \"tabs-excluded\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [2, \"injection-depth\"],\n \"numberOfValues\": [514, \"number-of-values\"],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"dependsOn\": [16],\n \"allowedValues\": [1025, \"allowed-values\"],\n \"customSort\": [1025, \"custom-sort\"],\n \"searchStatusState\": [32],\n \"tabManagerState\": [32],\n \"facetState\": [32],\n \"error\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSegmentedFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicSegmentedFacet$1.prototype, \"tabManagerState\", void 0);\n__decorate([\n BindStateToController('facet')\n], AtomicSegmentedFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSegmentedFacet$1.prototype, \"tabsIncluded\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSegmentedFacet$1.prototype, \"tabsExcluded\", void 0);\n__decorate([\n MapProp()\n], AtomicSegmentedFacet$1.prototype, \"dependsOn\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSegmentedFacet$1.prototype, \"allowedValues\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSegmentedFacet$1.prototype, \"customSort\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-segmented-facet\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-segmented-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSegmentedFacet$1);\n }\n break;\n } });\n}\n\nconst AtomicSegmentedFacet = AtomicSegmentedFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicSegmentedFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-segmented-facet.js.map","import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';\nimport { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts.js';\nimport { S as SmartSnippetFeedbackModalHeader, a as SmartSnippetFeedbackModalBody, b as SmartSnippetFeebackModalOptions, s as smartSnippetFeedbackOptions, c as SmartSnippetFeedbackModalOption, d as SmartSnippetFeedbackModalDetails, e as SmartSnippetFeedbackModalFooter } from './stencil-smart-snippet-feedback-modal-common.js';\nimport { u as updateBreakpoints } from './replace-breakpoint-utils.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippet } from '@eternal-baguette/headless';\nimport { I as InitializeBindings } from './initialization-utils.js';\n\nconst atomicSmartSnippetFeedbackModalCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='reason'] {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n color: var(--atomic-neutral-dark);\\n}\\n@media (width >= 1024px) {\\n [part='reason'] {\\n margin-top: calc(0.25rem * 2);\\n }\\n}\\n@media not all and (width >= 1024px) {\\n [part='reason'] {\\n margin-top: calc(0.25rem * 4);\\n }\\n}\\n[part='cancel-button'], [part='submit-button'] {\\n display: flex;\\n justify-content: center;\\n padding: calc(0.25rem * 2);\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSmartSnippetFeedbackModalStyle0 = atomicSmartSnippetFeedbackModalCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippetFeedbackModal extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.feedbackSent = createEvent(this, \"feedbackSent\", 7);\n this.isOpen = false;\n this.formId = randomID('atomic-smart-snippet-feedback-modal-form-');\n this.error = undefined;\n this.source = undefined;\n this.isOpen = false;\n this.currentAnswer = undefined;\n }\n watchToggleOpen(isOpen) {\n if (isOpen) {\n this.smartSnippet.openFeedbackModal();\n this.currentAnswer = undefined;\n }\n }\n initialize() {\n this.smartSnippet = buildSmartSnippet(this.bindings.engine);\n }\n render() {\n updateBreakpoints(this.host);\n return (h(\"atomic-modal\", { key: 'c913563b9624daecd31884c1776b1bbb9f60ea8e', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '287ae3340dc8593e3f164a3722cd831ded7e76ef', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'c79d9e6f284ce0b869137c8566067d83ef4bff53', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'c698c3ed7f13ba37f2e1b8966e37b6b2b413c9a7', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {\n this.currentAnswer = correspondingAnswer;\n } })))), h(SmartSnippetFeedbackModalDetails, { key: '113a848852cc7d8b4e9997bcc6151f9cc20535bb', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '45888dedf6cdc2b7e571ba6e1094706a6e6c6403', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));\n }\n close() {\n this.isOpen = false;\n this.smartSnippet.closeFeedbackModal();\n }\n sendFeedback(e) {\n e.preventDefault();\n if (this.currentAnswer === 'other') {\n this.smartSnippet.sendDetailedFeedback(this.detailsInputRef.value);\n }\n else {\n this.smartSnippet.sendFeedback(this.currentAnswer);\n }\n this.feedbackSent.emit();\n this.isOpen = false;\n }\n get host() { return this; }\n static get watchers() { return {\n \"isOpen\": [\"watchToggleOpen\"]\n }; }\n static get style() { return AtomicSmartSnippetFeedbackModalStyle0; }\n}, [1, \"atomic-smart-snippet-feedback-modal\", {\n \"source\": [1040],\n \"isOpen\": [1540, \"is-open\"],\n \"error\": [32],\n \"currentAnswer\": [32]\n }, undefined, {\n \"isOpen\": [\"watchToggleOpen\"]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippetFeedbackModal.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet-feedback-modal\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet-feedback-modal\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippetFeedbackModal);\n }\n break;\n } });\n}\n\nexport { AtomicSmartSnippetFeedbackModal as A, defineCustomElement as d };\n\n//# sourceMappingURL=atomic-smart-snippet-feedback-modal2.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { S as SmartSnippetWrapper, a as SmartSnippetQuestion, d as SmartSnippetTruncatedAnswer, b as SmartSnippetFooter, c as SmartSnippetFeedbackBanner } from './stencil-smart-snippet-common.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippet, buildTabManager } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { A as ArrayProp } from './props-utils.js';\nimport { s as shouldDisplayOnCurrentTab } from './tab-utils.js';\nimport { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';\nimport { d as defineCustomElement$6 } from './atomic-smart-snippet-answer2.js';\nimport { d as defineCustomElement$5 } from './atomic-smart-snippet-collapse-wrapper2.js';\nimport { d as defineCustomElement$4 } from './atomic-smart-snippet-expandable-answer2.js';\nimport { d as defineCustomElement$3 } from './atomic-smart-snippet-feedback-modal2.js';\nimport { d as defineCustomElement$2 } from './atomic-smart-snippet-source2.js';\n\nconst atomicSmartSnippetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n --font-size: var(--atomic-text-base);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n --font-size: var(--atomic-text-xl);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n margin-bottom: calc(0.25rem * 6);\\n}\\nfooter:before {\\n content: ' ';\\n display: block;\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n margin-bottom: 1.5rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSmartSnippetStyle0 = atomicSmartSnippetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the question at the top of the snippet, from 1 to 5.\n */\n this.headingLevel = 0;\n /**\n * The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n */\n this.maximumHeight = 250;\n /**\n * When the answer is partly hidden, how much of its height (in pixels) should be visible.\n */\n this.collapsedHeight = 180;\n /**\n * The tabs on which the smart snippet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the smart snippet can be displayed on any tab. Otherwise, the smart snippet can only be displayed on the specified tabs.\n */\n this.tabsIncluded = '[]';\n /**\n * The tabs on which this smart snippet must not be displayed. This property should not be used at the same time as `tabs-included`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the smart snippet can be displayed on any tab. Otherwise, the smart snippet won't be displayed on any of the specified tabs.\n */\n this.tabsExcluded = '[]';\n this.feedbackSent = false;\n this.smartSnippetState = undefined;\n this.tabManagerState = undefined;\n this.headingLevel = 0;\n this.maximumHeight = 250;\n this.collapsedHeight = 180;\n this.snippetStyle = undefined;\n this.tabsIncluded = '[]';\n this.tabsExcluded = '[]';\n this.feedbackSent = false;\n this.snippetMaximumHeight = undefined;\n this.snippetCollapsedHeight = undefined;\n }\n connectedCallback() {\n this.id ||= randomID();\n }\n onSelectInlineLink(event) {\n this.smartSnippet.selectInlineLink(event.detail);\n }\n onBeginDelayedSelectInlineLink(event) {\n this.smartSnippet.beginDelayedSelectInlineLink(event.detail);\n }\n onCancelPendingSelectInlineLink(event) {\n this.smartSnippet.cancelPendingSelectInlineLink(event.detail);\n }\n initialize() {\n this.smartSnippet = buildSmartSnippet(this.bindings.engine);\n this.tabManager = buildTabManager(this.bindings.engine);\n }\n componentWillUpdate() {\n if (!(this.smartSnippetState.liked || this.smartSnippetState.disliked)) {\n this.setFeedbackSent(false);\n }\n }\n render() {\n if (!shouldDisplayOnCurrentTab([...this.tabsIncluded], [...this.tabsExcluded], this.tabManagerState?.activeTab)) {\n return h(Hidden, null);\n }\n if (!this.smartSnippetState.answerFound) {\n return h(Hidden, null);\n }\n const source = this.smartSnippetState.source;\n return (h(SmartSnippetWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, h(\"atomic-smart-snippet-collapse-wrapper\", { collapsedHeight: this.snippetCollapsedHeight, maximumHeight: this.snippetMaximumHeight }, h(SmartSnippetQuestion, { headingLevel: this.headingLevel, question: this.smartSnippetState.question }), this.snippetMaximumHeight !== undefined ? (h(SmartSnippetTruncatedAnswer, { answer: this.smartSnippetState.answer, style: this.style })) : (h(\"atomic-smart-snippet-expandable-answer\", { collapsedHeight: this.collapsedHeight, expanded: this.smartSnippetState.expanded, exportparts: \"answer,show-more-button,show-less-button,truncated-answer\", htmlContent: this.smartSnippetState.answer, maximumHeight: this.maximumHeight, onCollapse: () => this.smartSnippet.collapse(), onExpand: () => this.smartSnippet.expand(), part: \"body\", snippetStyle: this.style })), h(SmartSnippetFooter, { i18n: this.bindings.i18n }, source && (h(\"atomic-smart-snippet-source\", { anchorAttributes: getAttributesFromLinkSlotContent(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: this.smartSnippet.beginDelayedSelectSource, onCancelPendingSelectSource: this.smartSnippet.cancelPendingSelectSource, onSelectSource: this.smartSnippet.selectSource, source: source })), h(SmartSnippetFeedbackBanner, { disliked: this.smartSnippetState.disliked, explainWhyRef: (button) => {\n if (this.modalRef) {\n this.modalRef.source = button;\n }\n }, feedbackSent: this.feedbackSent, id: this.id, i18n: this.bindings.i18n, liked: this.smartSnippetState.liked, onDislike: () => {\n this.loadModal();\n this.smartSnippet.dislike();\n }, onLike: () => this.smartSnippet.like(), onPressExplainWhy: () => (this.modalRef.isOpen = true) })))));\n }\n setModalRef(ref) {\n this.modalRef = ref;\n }\n setFeedbackSent(isSent) {\n this.feedbackSent = isSent;\n }\n get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n loadModal() {\n if (this.modalRef) {\n return;\n }\n const modalRef = document.createElement('atomic-smart-snippet-feedback-modal');\n modalRef.addEventListener('feedbackSent', () => {\n this.setFeedbackSent(true);\n });\n this.setModalRef(modalRef);\n this.host.insertAdjacentElement('beforebegin', modalRef);\n }\n get host() { return this; }\n static get style() { return AtomicSmartSnippetStyle0; }\n}, [1, \"atomic-smart-snippet\", {\n \"headingLevel\": [514, \"heading-level\"],\n \"maximumHeight\": [514, \"maximum-height\"],\n \"collapsedHeight\": [514, \"collapsed-height\"],\n \"snippetStyle\": [513, \"snippet-style\"],\n \"tabsIncluded\": [1537, \"tabs-included\"],\n \"tabsExcluded\": [1537, \"tabs-excluded\"],\n \"snippetMaximumHeight\": [514, \"snippet-maximum-height\"],\n \"snippetCollapsedHeight\": [514, \"snippet-collapsed-height\"],\n \"smartSnippetState\": [32],\n \"tabManagerState\": [32],\n \"feedbackSent\": [32]\n }, [[0, \"selectInlineLink\", \"onSelectInlineLink\"], [0, \"beginDelayedSelectInlineLink\", \"onBeginDelayedSelectInlineLink\"], [0, \"cancelPendingSelectInlineLink\", \"onCancelPendingSelectInlineLink\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('smartSnippet')\n], AtomicSmartSnippet$1.prototype, \"smartSnippetState\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicSmartSnippet$1.prototype, \"tabManagerState\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSmartSnippet$1.prototype, \"tabsIncluded\", void 0);\n__decorate([\n ArrayProp()\n], AtomicSmartSnippet$1.prototype, \"tabsExcluded\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet\", \"atomic-smart-snippet-answer\", \"atomic-smart-snippet-collapse-wrapper\", \"atomic-smart-snippet-expandable-answer\", \"atomic-smart-snippet-feedback-modal\", \"atomic-smart-snippet-source\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippet$1);\n }\n break;\n case \"atomic-smart-snippet-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$6();\n }\n break;\n case \"atomic-smart-snippet-collapse-wrapper\":\n if (!customElements.get(tagName)) {\n defineCustomElement$5();\n }\n break;\n case \"atomic-smart-snippet-expandable-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"atomic-smart-snippet-feedback-modal\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-smart-snippet-source\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicSmartSnippet = AtomicSmartSnippet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicSmartSnippet, defineCustomElement };\n\n//# sourceMappingURL=atomic-smart-snippet.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { g as getAttributesFromLinkSlotContent } from './attributes-slot.js';\nimport { S as SmartSnippetSuggestionsWrapper, a as SmartSnippetSuggestionsQuestionWrapper, b as SmartSnippetSuggestionsQuestion, g as getQuestionPart, c as SmartSnippetSuggestionsAnswerAndSourceWrapper, d as SmartSnippetSuggestionsFooter } from './stencil-smart-snippet-suggestions-common.js';\nimport { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils.js';\nimport { r as randomID } from './utils.js';\nimport { buildSmartSnippetQuestionsList } from '@eternal-baguette/headless';\nimport { A as ArrowDown } from './arrow-down.js';\nimport { A as ArrowRight } from './arrow-right.js';\nimport { d as defineCustomElement$3 } from './atomic-smart-snippet-answer2.js';\nimport { d as defineCustomElement$2 } from './atomic-smart-snippet-source2.js';\n\nconst atomicSmartSnippetSuggestionsCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n[part='answer-and-source'] {\\n margin-top: -0.5rem;\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-url']:hover, [part='source-url']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-url']:focus {\\n outline: none;\\n}\\n[part='source-url']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-url'] {\\n --font-size: var(--atomic-text-base);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n display: block;\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n color: var(--atomic-on-background);\\n}\\n[part='source-title']:hover, [part='source-title']:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n}\\n[part='source-title']:focus {\\n outline: none;\\n}\\n[part='source-title']:visited {\\n color: var(--atomic-visited);\\n}\\n[part='source-title'] {\\n --font-size: var(--atomic-text-xl);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n display: block;\\n}\\nfooter:before {\\n content: ' ';\\n display: block;\\n height: 1px;\\n background-color: var(--atomic-neutral);\\n margin-bottom: 1.5rem;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicSmartSnippetSuggestionsStyle0 = atomicSmartSnippetSuggestionsCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicSmartSnippetSuggestions$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSmartSnippetSuggestions extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the \"People also ask\" heading over the snippets, from 1 to 5.\n */\n this.headingLevel = 0;\n this.smartSnippetQuestionsListState = undefined;\n this.headingLevel = 0;\n this.snippetStyle = undefined;\n }\n initialize() {\n this.id = randomID('atomic-smart-snippet-suggestions-');\n this.smartSnippetQuestionsList = buildSmartSnippetQuestionsList(this.bindings.engine);\n }\n render() {\n if (!this.smartSnippetQuestionsListState.questions.length) {\n return h(Hidden, null);\n }\n return (h(SmartSnippetSuggestionsWrapper, { headingLevel: this.headingLevel, i18n: this.bindings.i18n }, this.smartSnippetQuestionsListState.questions.map((relatedQuestion, i) => this.renderRelatedQuestion(relatedQuestion, i))));\n }\n renderRelatedQuestion(relatedQuestion, index) {\n return (h(SmartSnippetSuggestionsQuestionWrapper, { expanded: relatedQuestion.expanded, key: relatedQuestion.questionAnswerId }, h(SmartSnippetSuggestionsQuestion, { ariaControls: `${this.id}-${index}`, expanded: relatedQuestion.expanded, headingLevel: this.headingLevel, onClick: () => this.toggleQuestion(relatedQuestion), question: relatedQuestion.question }, h(\"atomic-icon\", { icon: relatedQuestion.expanded ? ArrowDown : ArrowRight, part: getQuestionPart('icon', relatedQuestion.expanded), class: \"mr-3 w-2.5 stroke-[1.25]\" })), relatedQuestion.expanded && this.renderAnswer(relatedQuestion, index)));\n }\n renderAnswer(relatedQuestion, index) {\n return (h(SmartSnippetSuggestionsAnswerAndSourceWrapper, { expanded: relatedQuestion.expanded, id: `${this.id}-${index}` }, h(\"atomic-smart-snippet-answer\", { exportparts: \"answer\", htmlContent: relatedQuestion.answer, innerStyle: this.style, onSelectInlineLink: (e) => this.smartSnippetQuestionsList.selectInlineLink(relatedQuestion.questionAnswerId, e.detail), onBeginDelayedSelectInlineLink: (e) => this.smartSnippetQuestionsList.beginDelayedSelectInlineLink(relatedQuestion.questionAnswerId, e.detail), onCancelPendingSelectInlineLink: (e) => this.smartSnippetQuestionsList.cancelPendingSelectInlineLink(relatedQuestion.questionAnswerId, e.detail) }), relatedQuestion.source &&\n this.renderSource(relatedQuestion.questionAnswerId, relatedQuestion.source)));\n }\n renderSource(questionAnswerId, source) {\n return (h(SmartSnippetSuggestionsFooter, { i18n: this.bindings.i18n }, h(\"atomic-smart-snippet-source\", { anchorAttributes: getAttributesFromLinkSlotContent(this.host, 'source-anchor-attributes'), onBeginDelayedSelectSource: () => this.smartSnippetQuestionsList.beginDelayedSelectSource(questionAnswerId), onCancelPendingSelectSource: () => this.smartSnippetQuestionsList.cancelPendingSelectSource(questionAnswerId), onSelectSource: () => this.smartSnippetQuestionsList.selectSource(questionAnswerId), source: source })));\n }\n get style() {\n const styleTag = this.host\n .querySelector('template')\n ?.content.querySelector('style');\n if (!styleTag) {\n return this.snippetStyle;\n }\n return styleTag.innerHTML;\n }\n toggleQuestion(relatedQuestion) {\n if (relatedQuestion.expanded) {\n this.smartSnippetQuestionsList.collapse(relatedQuestion.questionAnswerId);\n }\n else {\n this.smartSnippetQuestionsList.expand(relatedQuestion.questionAnswerId);\n }\n }\n get host() { return this; }\n static get style() { return AtomicSmartSnippetSuggestionsStyle0; }\n}, [1, \"atomic-smart-snippet-suggestions\", {\n \"headingLevel\": [514, \"heading-level\"],\n \"snippetStyle\": [1, \"snippet-style\"],\n \"smartSnippetQuestionsListState\": [32]\n }]);\n__decorate([\n InitializeBindings()\n], AtomicSmartSnippetSuggestions$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('smartSnippetQuestionsList')\n], AtomicSmartSnippetSuggestions$1.prototype, \"smartSnippetQuestionsListState\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-smart-snippet-suggestions\", \"atomic-smart-snippet-answer\", \"atomic-smart-snippet-source\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-smart-snippet-suggestions\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicSmartSnippetSuggestions$1);\n }\n break;\n case \"atomic-smart-snippet-answer\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"atomic-smart-snippet-source\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst AtomicSmartSnippetSuggestions = AtomicSmartSnippetSuggestions$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicSmartSnippetSuggestions, defineCustomElement };\n\n//# sourceMappingURL=atomic-smart-snippet-suggestions.js.map","import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { A as ArrowBottomIcon } from './arrow-bottom-rounded.js';\nimport { I as InitializeBindings } from './initialization-utils.js';\nimport { B as Button } from './stencil-button.js';\nimport { n as popperGenerator, o as eventListeners, q as popperOffsets, u as computeStyles, x as applyStyles, y as preventOverflow } from './createPopper.js';\n\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nconst tabPopoverCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n:host {\\n position: absolute;\\n}\\n:host(.visibility-hidden) {\\n visibility: hidden;\\n}\\n[part='overflow-tabs'] {\\n flex-direction: column;\\n max-width: 150px;\\n}\\n[part='overflow-tabs'] button {\\n text-align: start;\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicTabPopoverStyle0 = tabPopoverCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst TabPopover = /*@__PURE__*/ proxyCustomElement(class TabPopover extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n this.show = false;\n this.isOpen = false;\n this.popoverId = 'atomic-tab-popover';\n this.show = false;\n this.error = undefined;\n this.isOpen = false;\n }\n initialize() { }\n initializePopover() {\n this.popupRef.classList.add('popover-nested');\n }\n handleKeyDown(e) {\n if (!this.isOpen) {\n return;\n }\n if (e.key === 'Escape') {\n this.toggle();\n }\n else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n e.preventDefault();\n this.navigatePopover(e.key);\n }\n }\n getTabButtons() {\n const slot = this.popupRef.children[0];\n return Array.from(slot.assignedElements())\n .map((el) => el.querySelector('button'))\n .filter((el) => el !== null);\n }\n getCurrentTabIndex(elements) {\n const MAX_SHADOW_DEPTH = 3;\n let currentElement = document.activeElement;\n let depth = 0;\n while (currentElement?.shadowRoot && depth < MAX_SHADOW_DEPTH) {\n currentElement = currentElement.shadowRoot.activeElement;\n depth++;\n }\n if (!(currentElement instanceof HTMLButtonElement)) {\n return -1;\n }\n return elements.indexOf(currentElement);\n }\n navigatePopover(key) {\n const tabButtons = this.getTabButtons();\n if (!tabButtons.length) {\n return;\n }\n const currentIndex = this.getCurrentTabIndex(tabButtons);\n const startIndex = currentIndex > -1 ? currentIndex : -1;\n let nextIndex;\n if (currentIndex === -1) {\n nextIndex = key === 'ArrowDown' ? 0 : tabButtons.length - 1;\n }\n else {\n nextIndex =\n key === 'ArrowDown'\n ? (startIndex + 1) % tabButtons.length\n : (startIndex - 1 + tabButtons.length) % tabButtons.length;\n }\n tabButtons[nextIndex]?.focus();\n }\n get slotElements() {\n return this.host.children;\n }\n get hasTabs() {\n return !!this.popupRef.children.length;\n }\n async toggle() {\n this.isOpen = !this.isOpen;\n }\n async setButtonVisibility(isVisible) {\n this.show = isVisible;\n }\n async closePopoverOnFocusOut(event) {\n const slot = this.popupRef.children[0];\n const assignedElements = slot.assignedElements();\n const isMovingToSlottedElement = assignedElements.some((element) => element === event.relatedTarget ||\n element.contains(event.relatedTarget));\n if (isMovingToSlottedElement) {\n return;\n }\n if (!this.popupRef.contains(event.relatedTarget)) {\n this.closePopover();\n }\n }\n closePopover() {\n this.isOpen = false;\n }\n renderDropdownButton() {\n const label = this.bindings?.i18n.t('more');\n const ariaLabel = this.bindings?.i18n.t('tab-popover', { label });\n const buttonClasses = [\n 'relative',\n 'pb-1',\n 'mt-1',\n 'group',\n 'mr-6',\n 'font-semibold',\n ];\n return (h(Button, { ref: (el) => (this.buttonRef = el), style: \"text-transparent\", onClick: () => this.toggle(), part: \"popover-button\", ariaExpanded: `${this.isOpen}`, ariaLabel: ariaLabel, ariaControls: this.popoverId, class: `${buttonClasses.join(' ')}` }, h(\"span\", { title: label, part: \"value-label\", class: 'group-hover:text-primary group-focus:text-primary mr-1.5 truncate' }, label), h(\"atomic-icon\", { part: \"arrow-icon\", class: `group-hover:text-primary group-focus:text-primary ml-auto w-2 ${this.isOpen ? 'rotate-180' : ''}`, icon: ArrowBottomIcon })));\n }\n renderBackdrop() {\n return (h(\"div\", { part: \"backdrop\", class: \"fixed top-0 right-0 bottom-0 left-0 z-9998 cursor-pointer bg-transparent\", onClick: () => this.toggle() }));\n }\n renderPopover() {\n return (h(\"div\", { class: `relative ${this.isOpen ? 'z-9999' : ''}` }, this.renderDropdownButton(), h(\"ul\", { id: this.popoverId, ref: (el) => (this.popupRef = el), part: \"overflow-tabs\", class: `bg-background border-neutral absolute rounded-lg border py-2 shadow-lg ${this.isOpen ? 'flex' : 'hidden'}` }, h(\"slot\", null))));\n }\n componentDidRender() {\n if (this.popperInstance || !this.buttonRef || !this.popupRef) {\n return;\n }\n this.popperInstance = createPopper(this.buttonRef, this.popupRef, {\n placement: 'bottom-end',\n modifiers: [preventOverflow],\n });\n this.initializePopover();\n }\n componentDidUpdate() {\n this.popperInstance?.forceUpdate();\n }\n render() {\n return (h(Host, { key: 'c88d54600892ea8e1e8803bf82fd210ae50a8fc1', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', \"aria-hidden\": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));\n }\n get host() { return this; }\n static get style() { return AtomicTabPopoverStyle0; }\n}, [1, \"atomic-tab-popover\", {\n \"show\": [32],\n \"error\": [32],\n \"isOpen\": [32],\n \"toggle\": [64],\n \"setButtonVisibility\": [64],\n \"closePopoverOnFocusOut\": [64]\n }, [[0, \"keydown\", \"handleKeyDown\"]]]);\n__decorate([\n InitializeBindings()\n], TabPopover.prototype, \"bindings\", void 0);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-tab-popover\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-tab-popover\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TabPopover);\n }\n break;\n } });\n}\n\nexport { TabPopover as T, defineCustomElement as d };\n\n//# sourceMappingURL=tab-popover.js.map","import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\nimport { buildFacetConditionsManager, buildDateRange, deserializeRelativeDate, buildSearchStatus, buildTabManager, buildDateFacet, buildDateFilter, loadDateFacetSetActions } from '@eternal-baguette/headless';\nimport { I as InitializeBindings, B as BindStateToController } from './initialization-utils.js';\nimport { A as ArrayProp, M as MapProp } from './props-utils.js';\nimport { F as FocusTargetController } from './stencil-accessibility-utils.js';\nimport { p as parseDependsOn } from './stencil-facet-values-group.js';\nimport { F as FacetPlaceholder } from './stencil-facet-placeholder.js';\nimport { T as TimeframeFacetCommon } from './stencil-timeframe-facet-common.js';\n\nconst atomicTimeframeFacetCss = \"/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\\n@layer properties;\\n@layer properties {\\n *, :before, :after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer theme;\\n@layer base {\\n *, ::after, ::before, ::backdrop, ::file-selector-button {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n border: 0 solid;\\n }\\n html, :host {\\n line-height: 1.5;\\n -webkit-text-size-adjust: 100%;\\n tab-size: 4;\\n font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\"));\\n font-feature-settings: var(--default-font-feature-settings, normal);\\n font-variation-settings: var(--default-font-variation-settings, normal);\\n -webkit-tap-highlight-color: transparent;\\n }\\n hr {\\n height: 0;\\n color: inherit;\\n border-top-width: 1px;\\n }\\n abbr:where([title]) {\\n -webkit-text-decoration: underline dotted;\\n text-decoration: underline dotted;\\n }\\n h1, h2, h3, h4, h5, h6 {\\n font-size: inherit;\\n font-weight: inherit;\\n }\\n a {\\n color: inherit;\\n -webkit-text-decoration: inherit;\\n text-decoration: inherit;\\n }\\n b, strong {\\n font-weight: bolder;\\n }\\n code, kbd, samp, pre {\\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n \\\"Courier New\\\", monospace);\\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\\n font-size: 1em;\\n }\\n small {\\n font-size: 80%;\\n }\\n sub, sup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n }\\n sub {\\n bottom: -0.25em;\\n }\\n sup {\\n top: -0.5em;\\n }\\n table {\\n text-indent: 0;\\n border-color: inherit;\\n border-collapse: collapse;\\n }\\n :-moz-focusring {\\n outline: auto;\\n }\\n progress {\\n vertical-align: baseline;\\n }\\n summary {\\n display: list-item;\\n }\\n ol, ul, menu {\\n list-style: none;\\n }\\n img, svg, video, canvas, audio, iframe, embed, object {\\n display: block;\\n vertical-align: middle;\\n }\\n img, video {\\n max-width: 100%;\\n height: auto;\\n }\\n button, input, select, optgroup, textarea, ::file-selector-button {\\n font: inherit;\\n font-feature-settings: inherit;\\n font-variation-settings: inherit;\\n letter-spacing: inherit;\\n color: inherit;\\n border-radius: 0;\\n background-color: transparent;\\n opacity: 1;\\n }\\n :where(select:is([multiple], [size])) optgroup {\\n font-weight: bolder;\\n }\\n :where(select:is([multiple], [size])) optgroup option {\\n padding-inline-start: 20px;\\n }\\n ::file-selector-button {\\n margin-inline-end: 4px;\\n }\\n ::placeholder {\\n opacity: 1;\\n }\\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\\n ::placeholder {\\n color: currentcolor;\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n ::placeholder {\\n color: color-mix(in oklab, currentcolor 50%, transparent);\\n }\\n }\\n }\\n textarea {\\n resize: vertical;\\n }\\n ::-webkit-search-decoration {\\n -webkit-appearance: none;\\n }\\n ::-webkit-date-and-time-value {\\n min-height: 1lh;\\n text-align: inherit;\\n }\\n ::-webkit-datetime-edit {\\n display: inline-flex;\\n }\\n ::-webkit-datetime-edit-fields-wrapper {\\n padding: 0;\\n }\\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\\n padding-block: 0;\\n }\\n ::-webkit-calendar-picker-indicator {\\n line-height: 1;\\n }\\n :-moz-ui-invalid {\\n box-shadow: none;\\n }\\n button, input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]), ::file-selector-button {\\n appearance: button;\\n }\\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\\n height: auto;\\n }\\n [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n display: none !important;\\n }\\n}\\n@layer utilities {\\n .\\\\@container {\\n container-type: inline-size;\\n }\\n .pointer-events-auto {\\n pointer-events: auto;\\n }\\n .pointer-events-none {\\n pointer-events: none;\\n }\\n .collapse {\\n visibility: collapse;\\n }\\n .invisible {\\n visibility: hidden;\\n }\\n .visible {\\n visibility: visible;\\n }\\n .sr-only {\\n position: absolute;\\n width: 1px;\\n height: 1px;\\n padding: 0;\\n margin: -1px;\\n overflow: hidden;\\n clip-path: inset(50%);\\n white-space: nowrap;\\n border-width: 0;\\n }\\n .absolute {\\n position: absolute;\\n }\\n .fixed {\\n position: fixed;\\n }\\n .relative {\\n position: relative;\\n }\\n .static {\\n position: static;\\n }\\n .sticky {\\n position: sticky;\\n }\\n .inset-0 {\\n inset: calc(0.25rem * 0);\\n }\\n .-top-2 {\\n top: calc(0.25rem * -2);\\n }\\n .-top-4 {\\n top: calc(0.25rem * -4);\\n }\\n .top-0 {\\n top: calc(0.25rem * 0);\\n }\\n .top-1\\\\/2 {\\n top: calc(1/2 * 100%);\\n }\\n .top-6 {\\n top: calc(0.25rem * 6);\\n }\\n .top-\\\\[4px\\\\] {\\n top: 4px;\\n }\\n .top-full {\\n top: 100%;\\n }\\n .top-px {\\n top: 1px;\\n }\\n .-right-2 {\\n right: calc(0.25rem * -2);\\n }\\n .right-0 {\\n right: calc(0.25rem * 0);\\n }\\n .right-2 {\\n right: calc(0.25rem * 2);\\n }\\n .right-6 {\\n right: calc(0.25rem * 6);\\n }\\n .right-12 {\\n right: calc(0.25rem * 12);\\n }\\n .right-20 {\\n right: calc(0.25rem * 20);\\n }\\n .right-px {\\n right: 1px;\\n }\\n .bottom-0 {\\n bottom: calc(0.25rem * 0);\\n }\\n .bottom-1 {\\n bottom: calc(0.25rem * 1);\\n }\\n .bottom-2 {\\n bottom: calc(0.25rem * 2);\\n }\\n .bottom-px {\\n bottom: 1px;\\n }\\n .left-0 {\\n left: calc(0.25rem * 0);\\n }\\n .left-1 {\\n left: calc(0.25rem * 1);\\n }\\n .left-2 {\\n left: calc(0.25rem * 2);\\n }\\n .left-\\\\[15px\\\\] {\\n left: 15px;\\n }\\n .isolate {\\n isolation: isolate;\\n }\\n .z-0 {\\n z-index: 0;\\n }\\n .z-1 {\\n z-index: 1;\\n }\\n .z-10 {\\n z-index: 10;\\n }\\n .z-9998 {\\n z-index: 9998;\\n }\\n .z-9999 {\\n z-index: 9999;\\n }\\n .order-last {\\n order: 9999;\\n }\\n .col-span-2 {\\n grid-column: span 2 / span 2;\\n }\\n .container {\\n width: 100%;\\n }\\n @media (width >= 1024px) {\\n .container {\\n max-width: 1024px;\\n }\\n }\\n @media (width >= 40rem) {\\n .container {\\n max-width: 40rem;\\n }\\n }\\n @media (width >= 48rem) {\\n .container {\\n max-width: 48rem;\\n }\\n }\\n @media (width >= 64rem) {\\n .container {\\n max-width: 64rem;\\n }\\n }\\n @media (width >= 80rem) {\\n .container {\\n max-width: 80rem;\\n }\\n }\\n @media (width >= 96rem) {\\n .container {\\n max-width: 96rem;\\n }\\n }\\n .container\\\\! {\\n width: 100% !important;\\n }\\n @media (width >= 1024px) {\\n .container\\\\! {\\n max-width: 1024px !important;\\n }\\n }\\n @media (width >= 40rem) {\\n .container\\\\! {\\n max-width: 40rem !important;\\n }\\n }\\n @media (width >= 48rem) {\\n .container\\\\! {\\n max-width: 48rem !important;\\n }\\n }\\n @media (width >= 64rem) {\\n .container\\\\! {\\n max-width: 64rem !important;\\n }\\n }\\n @media (width >= 80rem) {\\n .container\\\\! {\\n max-width: 80rem !important;\\n }\\n }\\n @media (width >= 96rem) {\\n .container\\\\! {\\n max-width: 96rem !important;\\n }\\n }\\n .m-0 {\\n margin: calc(0.25rem * 0);\\n }\\n .m-2 {\\n margin: calc(0.25rem * 2);\\n }\\n .mx-0 {\\n margin-inline: calc(0.25rem * 0);\\n }\\n .mx-0\\\\.5 {\\n margin-inline: calc(0.25rem * 0.5);\\n }\\n .mx-1 {\\n margin-inline: calc(0.25rem * 1);\\n }\\n .mx-6 {\\n margin-inline: calc(0.25rem * 6);\\n }\\n .mx-16 {\\n margin-inline: calc(0.25rem * 16);\\n }\\n .mx-auto {\\n margin-inline: auto;\\n }\\n .my-2 {\\n margin-block: calc(0.25rem * 2);\\n }\\n .my-3 {\\n margin-block: calc(0.25rem * 3);\\n }\\n .my-4 {\\n margin-block: calc(0.25rem * 4);\\n }\\n .my-6 {\\n margin-block: calc(0.25rem * 6);\\n }\\n .my-auto {\\n margin-block: auto;\\n }\\n .mt-0 {\\n margin-top: calc(0.25rem * 0);\\n }\\n .mt-1 {\\n margin-top: calc(0.25rem * 1);\\n }\\n .mt-1\\\\.5 {\\n margin-top: calc(0.25rem * 1.5);\\n }\\n .mt-2 {\\n margin-top: calc(0.25rem * 2);\\n }\\n .mt-2\\\\.5 {\\n margin-top: calc(0.25rem * 2.5);\\n }\\n .mt-3 {\\n margin-top: calc(0.25rem * 3);\\n }\\n .mt-4 {\\n margin-top: calc(0.25rem * 4);\\n }\\n .mt-6 {\\n margin-top: calc(0.25rem * 6);\\n }\\n .mt-7 {\\n margin-top: calc(0.25rem * 7);\\n }\\n .mt-8 {\\n margin-top: calc(0.25rem * 8);\\n }\\n .mt-10 {\\n margin-top: calc(0.25rem * 10);\\n }\\n .mt-px {\\n margin-top: 1px;\\n }\\n .mr-0 {\\n margin-right: calc(0.25rem * 0);\\n }\\n .mr-0\\\\.5 {\\n margin-right: calc(0.25rem * 0.5);\\n }\\n .mr-1 {\\n margin-right: calc(0.25rem * 1);\\n }\\n .mr-1\\\\.5 {\\n margin-right: calc(0.25rem * 1.5);\\n }\\n .mr-2 {\\n margin-right: calc(0.25rem * 2);\\n }\\n .mr-3 {\\n margin-right: calc(0.25rem * 3);\\n }\\n .mr-6 {\\n margin-right: calc(0.25rem * 6);\\n }\\n .mb-0 {\\n margin-bottom: calc(0.25rem * 0);\\n }\\n .mb-1 {\\n margin-bottom: calc(0.25rem * 1);\\n }\\n .mb-2 {\\n margin-bottom: calc(0.25rem * 2);\\n }\\n .mb-3 {\\n margin-bottom: calc(0.25rem * 3);\\n }\\n .mb-4 {\\n margin-bottom: calc(0.25rem * 4);\\n }\\n .mb-6 {\\n margin-bottom: calc(0.25rem * 6);\\n }\\n .ml-0\\\\.5 {\\n margin-left: calc(0.25rem * 0.5);\\n }\\n .ml-1 {\\n margin-left: calc(0.25rem * 1);\\n }\\n .ml-2 {\\n margin-left: calc(0.25rem * 2);\\n }\\n .ml-4 {\\n margin-left: calc(0.25rem * 4);\\n }\\n .ml-6 {\\n margin-left: calc(0.25rem * 6);\\n }\\n .ml-auto {\\n margin-left: auto;\\n }\\n .box-border {\\n box-sizing: border-box;\\n }\\n .box-content {\\n box-sizing: content-box;\\n }\\n .line-clamp-1 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 1;\\n }\\n .line-clamp-2 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 2;\\n }\\n .line-clamp-3 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 3;\\n }\\n .line-clamp-4 {\\n overflow: hidden;\\n display: -webkit-box;\\n -webkit-box-orient: vertical;\\n -webkit-line-clamp: 4;\\n }\\n .line-clamp-none {\\n overflow: visible;\\n display: block;\\n -webkit-box-orient: horizontal;\\n -webkit-line-clamp: unset;\\n }\\n .block {\\n display: block;\\n }\\n .contents {\\n display: contents;\\n }\\n .flex {\\n display: flex;\\n }\\n .grid {\\n display: grid;\\n }\\n .hidden {\\n display: none;\\n }\\n .inline {\\n display: inline;\\n }\\n .inline-block {\\n display: inline-block;\\n }\\n .inline-flex {\\n display: inline-flex;\\n }\\n .table {\\n display: table;\\n }\\n .table-column {\\n display: table-column;\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square-\\\\[auto\\\\] {\\n aspect-ratio: 1 / 1;\\n height: auto;\\n }\\n @supports not (aspect-ratio: 1 / 1) {\\n .aspect-square-\\\\[auto\\\\] {\\n height: auto;\\n }\\n }\\n .aspect-square {\\n aspect-ratio: 1 / 1;\\n }\\n .size-\\\\[27px\\\\] {\\n width: 27px;\\n height: 27px;\\n }\\n .h-1 {\\n height: calc(0.25rem * 1);\\n }\\n .h-2 {\\n height: calc(0.25rem * 2);\\n }\\n .h-2\\\\.5 {\\n height: calc(0.25rem * 2.5);\\n }\\n .h-3 {\\n height: calc(0.25rem * 3);\\n }\\n .h-4 {\\n height: calc(0.25rem * 4);\\n }\\n .h-5 {\\n height: calc(0.25rem * 5);\\n }\\n .h-5\\\\/6 {\\n height: calc(5/6 * 100%);\\n }\\n .h-6 {\\n height: calc(0.25rem * 6);\\n }\\n .h-7 {\\n height: calc(0.25rem * 7);\\n }\\n .h-8 {\\n height: calc(0.25rem * 8);\\n }\\n .h-9 {\\n height: calc(0.25rem * 9);\\n }\\n .h-10 {\\n height: calc(0.25rem * 10);\\n }\\n .h-12 {\\n height: calc(0.25rem * 12);\\n }\\n .h-\\\\[2\\\\.6rem\\\\] {\\n height: 2.6rem;\\n }\\n .h-\\\\[9px\\\\] {\\n height: 9px;\\n }\\n .h-auto {\\n height: auto;\\n }\\n .h-full {\\n height: 100%;\\n }\\n .max-h-96 {\\n max-height: calc(0.25rem * 96);\\n }\\n .min-h-10 {\\n min-height: calc(0.25rem * 10);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-2 {\\n min-height: calc(var(--line-height) * 2);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .min-lines-3 {\\n min-height: calc(var(--line-height) * 3);\\n }\\n .w-0\\\\.5 {\\n width: calc(0.25rem * 0.5);\\n }\\n .w-1 {\\n width: calc(0.25rem * 1);\\n }\\n .w-1\\\\/2 {\\n width: calc(1/2 * 100%);\\n }\\n .w-2 {\\n width: calc(0.25rem * 2);\\n }\\n .w-2\\\\.5 {\\n width: calc(0.25rem * 2.5);\\n }\\n .w-3 {\\n width: calc(0.25rem * 3);\\n }\\n .w-3\\\\.5 {\\n width: calc(0.25rem * 3.5);\\n }\\n .w-3\\\\/5 {\\n width: calc(3/5 * 100%);\\n }\\n .w-4 {\\n width: calc(0.25rem * 4);\\n }\\n .w-5 {\\n width: calc(0.25rem * 5);\\n }\\n .w-5\\\\/6 {\\n width: calc(5/6 * 100%);\\n }\\n .w-6 {\\n width: calc(0.25rem * 6);\\n }\\n .w-7 {\\n width: calc(0.25rem * 7);\\n }\\n .w-8 {\\n width: calc(0.25rem * 8);\\n }\\n .w-9 {\\n width: calc(0.25rem * 9);\\n }\\n .w-10 {\\n width: calc(0.25rem * 10);\\n }\\n .w-12 {\\n width: calc(0.25rem * 12);\\n }\\n .w-20 {\\n width: calc(0.25rem * 20);\\n }\\n .w-26 {\\n width: calc(0.25rem * 26);\\n }\\n .w-28 {\\n width: calc(0.25rem * 28);\\n }\\n .w-32 {\\n width: calc(0.25rem * 32);\\n }\\n .w-36 {\\n width: calc(0.25rem * 36);\\n }\\n .w-48 {\\n width: calc(0.25rem * 48);\\n }\\n .w-60 {\\n width: calc(0.25rem * 60);\\n }\\n .w-64 {\\n width: calc(0.25rem * 64);\\n }\\n .w-72 {\\n width: calc(0.25rem * 72);\\n }\\n .w-100 {\\n width: calc(0.25rem * 100);\\n }\\n .w-\\\\[2\\\\.6rem\\\\] {\\n width: 2.6rem;\\n }\\n .w-auto {\\n width: auto;\\n }\\n .w-fit {\\n width: fit-content;\\n }\\n .w-full {\\n width: 100%;\\n }\\n .w-max {\\n width: max-content;\\n }\\n .max-w-4\\\\/5 {\\n max-width: calc(4/5 * 100%);\\n }\\n .max-w-60 {\\n max-width: calc(0.25rem * 60);\\n }\\n .max-w-\\\\[30ch\\\\] {\\n max-width: 30ch;\\n }\\n .max-w-full {\\n max-width: 100%;\\n }\\n .max-w-lg {\\n max-width: 32rem;\\n }\\n .max-w-max {\\n max-width: max-content;\\n }\\n .min-w-0 {\\n min-width: calc(0.25rem * 0);\\n }\\n .min-w-10 {\\n min-width: calc(0.25rem * 10);\\n }\\n .min-w-20 {\\n min-width: calc(0.25rem * 20);\\n }\\n .min-w-24 {\\n min-width: calc(0.25rem * 24);\\n }\\n .min-w-full {\\n min-width: 100%;\\n }\\n .flex-1 {\\n flex: 1;\\n }\\n .flex-none {\\n flex: none;\\n }\\n .flex-shrink {\\n flex-shrink: 1;\\n }\\n .shrink-0 {\\n flex-shrink: 0;\\n }\\n .flex-grow {\\n flex-grow: 1;\\n }\\n .grow {\\n flex-grow: 1;\\n }\\n .basis-1\\\\/2 {\\n flex-basis: calc(1/2 * 100%);\\n }\\n .basis-8 {\\n flex-basis: calc(0.25rem * 8);\\n }\\n .border-collapse {\\n border-collapse: collapse;\\n }\\n .-translate-x-1\\\\/2 {\\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .translate-x-1\\\\/2 {\\n --tw-translate-x: calc(1/2 * 100%);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .-translate-y-1\\\\/2 {\\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\\n translate: var(--tw-translate-x) var(--tw-translate-y);\\n }\\n .scale-75 {\\n --tw-scale-x: 75%;\\n --tw-scale-y: 75%;\\n --tw-scale-z: 75%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .scale-100 {\\n --tw-scale-x: 100%;\\n --tw-scale-y: 100%;\\n --tw-scale-z: 100%;\\n scale: var(--tw-scale-x) var(--tw-scale-y);\\n }\\n .rotate-180 {\\n rotate: 180deg;\\n }\\n .transform {\\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\\n }\\n .animate-pulse {\\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n }\\n .animate-spin {\\n animation: spin 1s linear infinite;\\n }\\n .cursor-\\\\[inherit\\\\] {\\n cursor: inherit;\\n }\\n .cursor-pointer {\\n cursor: pointer;\\n }\\n .resize {\\n resize: both;\\n }\\n .resize-none {\\n resize: none;\\n }\\n .list-outside {\\n list-style-position: outside;\\n }\\n .list-decimal {\\n list-style-type: decimal;\\n }\\n .list-disc {\\n list-style-type: disc;\\n }\\n .list-none {\\n list-style-type: none;\\n }\\n .appearance-none {\\n appearance: none;\\n }\\n .grid-cols-\\\\[min-content_1fr\\\\] {\\n grid-template-columns: min-content 1fr;\\n }\\n .grid-cols-\\\\[min-content_auto\\\\] {\\n grid-template-columns: min-content auto;\\n }\\n .flex-col {\\n flex-direction: column;\\n }\\n .flex-row {\\n flex-direction: row;\\n }\\n .flex-nowrap {\\n flex-wrap: nowrap;\\n }\\n .flex-wrap {\\n flex-wrap: wrap;\\n }\\n .place-items-center {\\n place-items: center;\\n }\\n .content-center {\\n align-content: center;\\n }\\n .items-baseline {\\n align-items: baseline;\\n }\\n .items-center {\\n align-items: center;\\n }\\n .items-start {\\n align-items: flex-start;\\n }\\n .justify-between {\\n justify-content: space-between;\\n }\\n .justify-center {\\n justify-content: center;\\n }\\n .justify-end {\\n justify-content: flex-end;\\n }\\n .gap-0\\\\.5 {\\n gap: calc(0.25rem * 0.5);\\n }\\n .gap-1 {\\n gap: calc(0.25rem * 1);\\n }\\n .gap-2 {\\n gap: calc(0.25rem * 2);\\n }\\n .gap-3 {\\n gap: calc(0.25rem * 3);\\n }\\n .gap-4 {\\n gap: calc(0.25rem * 4);\\n }\\n .gap-8 {\\n gap: calc(0.25rem * 8);\\n }\\n :where(.space-y-1 > :not(:last-child)) {\\n --tw-space-y-reverse: 0;\\n margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\\n margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\\n }\\n .gap-x-1\\\\.5 {\\n column-gap: calc(0.25rem * 1.5);\\n }\\n .gap-x-2 {\\n column-gap: calc(0.25rem * 2);\\n }\\n .gap-x-4 {\\n column-gap: calc(0.25rem * 4);\\n }\\n :where(.space-x-1\\\\.5 > :not(:last-child)) {\\n --tw-space-x-reverse: 0;\\n margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\\n margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\\n }\\n .gap-y-0\\\\.5 {\\n row-gap: calc(0.25rem * 0.5);\\n }\\n :where(.divide-y > :not(:last-child)) {\\n --tw-divide-y-reverse: 0;\\n border-bottom-style: var(--tw-border-style);\\n border-top-style: var(--tw-border-style);\\n border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n }\\n :where(.divide-neutral > :not(:last-child)) {\\n border-color: var(--atomic-neutral);\\n }\\n .self-center {\\n align-self: center;\\n }\\n .self-start {\\n align-self: flex-start;\\n }\\n .truncate {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n }\\n .overflow-auto {\\n overflow: auto;\\n }\\n .overflow-hidden {\\n overflow: hidden;\\n }\\n .overflow-x-auto {\\n overflow-x: auto;\\n }\\n .overflow-x-clip {\\n overflow-x: clip;\\n }\\n .overflow-x-scroll {\\n overflow-x: scroll;\\n }\\n .overflow-y-auto {\\n overflow-y: auto;\\n }\\n .overflow-y-visible {\\n overflow-y: visible;\\n }\\n .scroll-smooth {\\n scroll-behavior: smooth;\\n }\\n .rounded {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-3xl {\\n border-radius: 1.5rem;\\n }\\n .rounded-full {\\n border-radius: calc(infinity * 1px);\\n }\\n .rounded-lg {\\n border-radius: var(--atomic-border-radius-lg);\\n }\\n .rounded-md {\\n border-radius: var(--atomic-border-radius-md);\\n }\\n .rounded-none {\\n border-radius: 0;\\n }\\n .rounded-sm {\\n border-radius: var(--atomic-border-radius);\\n }\\n .rounded-xl {\\n border-radius: var(--atomic-border-radius-xl);\\n }\\n .rounded-tl-none {\\n border-top-left-radius: 0;\\n }\\n .rounded-r-none {\\n border-top-right-radius: 0;\\n border-bottom-right-radius: 0;\\n }\\n .border {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .border-0 {\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n }\\n .border-t {\\n border-top-style: var(--tw-border-style);\\n border-top-width: 1px;\\n }\\n .border-r {\\n border-right-style: var(--tw-border-style);\\n border-right-width: 1px;\\n }\\n .border-b {\\n border-bottom-style: var(--tw-border-style);\\n border-bottom-width: 1px;\\n }\\n .border-l {\\n border-left-style: var(--tw-border-style);\\n border-left-width: 1px;\\n }\\n .border-solid {\\n --tw-border-style: solid;\\n border-style: solid;\\n }\\n .border-gray-200 {\\n border-color: oklch(0.928 0.006 264.531);\\n }\\n .border-neutral {\\n border-color: var(--atomic-neutral);\\n }\\n .border-neutral-dark {\\n border-color: var(--atomic-neutral-dark);\\n }\\n .border-neutral-dim {\\n border-color: var(--atomic-neutral-dim);\\n }\\n .border-primary {\\n border-color: var(--atomic-primary);\\n }\\n .border-primary-light {\\n border-color: var(--atomic-primary-light);\\n }\\n .border-t-neutral {\\n border-top-color: var(--atomic-neutral);\\n }\\n .border-b-neutral {\\n border-bottom-color: var(--atomic-neutral);\\n }\\n .border-b-neutral-dim {\\n border-bottom-color: var(--atomic-neutral-dim);\\n }\\n .border-l-neutral {\\n border-left-color: var(--atomic-neutral);\\n }\\n .border-l-neutral-dim {\\n border-left-color: var(--atomic-neutral-dim);\\n }\\n .bg-\\\\[\\\\#F1F2FF\\\\] {\\n background-color: #F1F2FF;\\n }\\n .bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\] {\\n background-color: rgba(40,40,40,0.8);\\n }\\n .bg-background {\\n background-color: var(--atomic-background);\\n }\\n .bg-error {\\n background-color: var(--atomic-error);\\n }\\n .bg-gray-50 {\\n background-color: oklch(0.985 0.002 247.839);\\n }\\n .bg-neutral {\\n background-color: var(--atomic-neutral);\\n }\\n .bg-neutral-light {\\n background-color: var(--atomic-neutral-light);\\n }\\n .bg-primary {\\n background-color: var(--atomic-primary);\\n }\\n .bg-primary-background {\\n background-color: var(--atomic-primary-background);\\n }\\n .bg-transparent {\\n background-color: transparent;\\n }\\n .bg-white {\\n background-color: #fff;\\n }\\n .bg-linear-to-l {\\n --tw-gradient-position: to left;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-l {\\n --tw-gradient-position: to left in oklab;\\n }\\n }\\n .bg-linear-to-l {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .bg-linear-to-r {\\n --tw-gradient-position: to right;\\n }\\n @supports (background-image: linear-gradient(in lab, red, red)) {\\n .bg-linear-to-r {\\n --tw-gradient-position: to right in oklab;\\n }\\n }\\n .bg-linear-to-r {\\n background-image: linear-gradient(var(--tw-gradient-stops));\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\\n }\\n @supports (color: color-mix(in lab, red, red)) {\\n .from-background\\\\/60 {\\n --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\\n }\\n }\\n .from-background\\\\/60 {\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .from-more-results-progress-bar-color-from {\\n --tw-gradient-from: var(\\n --atomic-more-results-progress-bar-color-from,\\n var(--atomic-primary-dark)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .to-more-results-progress-bar-color-to {\\n --tw-gradient-to: var(\\n --atomic-more-results-progress-bar-color-to,\\n var(--atomic-primary-light)\\n );\\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\\n }\\n .fill-current {\\n fill: currentcolor;\\n }\\n .stroke-\\\\[1\\\\.25\\\\] {\\n stroke-width: 1.25;\\n }\\n .object-contain {\\n object-fit: contain;\\n }\\n .p-0 {\\n padding: calc(0.25rem * 0);\\n }\\n .p-1 {\\n padding: calc(0.25rem * 1);\\n }\\n .p-2 {\\n padding: calc(0.25rem * 2);\\n }\\n .p-2\\\\.5 {\\n padding: calc(0.25rem * 2.5);\\n }\\n .p-3 {\\n padding: calc(0.25rem * 3);\\n }\\n .p-3\\\\.5 {\\n padding: calc(0.25rem * 3.5);\\n }\\n .p-4 {\\n padding: calc(0.25rem * 4);\\n }\\n .p-6 {\\n padding: calc(0.25rem * 6);\\n }\\n .p-7 {\\n padding: calc(0.25rem * 7);\\n }\\n .p-8 {\\n padding: calc(0.25rem * 8);\\n }\\n .px-1 {\\n padding-inline: calc(0.25rem * 1);\\n }\\n .px-2 {\\n padding-inline: calc(0.25rem * 2);\\n }\\n .px-2\\\\.5 {\\n padding-inline: calc(0.25rem * 2.5);\\n }\\n .px-3 {\\n padding-inline: calc(0.25rem * 3);\\n }\\n .px-4 {\\n padding-inline: calc(0.25rem * 4);\\n }\\n .px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n .px-9 {\\n padding-inline: calc(0.25rem * 9);\\n }\\n .py-0\\\\.5 {\\n padding-block: calc(0.25rem * 0.5);\\n }\\n .py-1 {\\n padding-block: calc(0.25rem * 1);\\n }\\n .py-1\\\\.5 {\\n padding-block: calc(0.25rem * 1.5);\\n }\\n .py-2 {\\n padding-block: calc(0.25rem * 2);\\n }\\n .py-2\\\\.5 {\\n padding-block: calc(0.25rem * 2.5);\\n }\\n .py-3 {\\n padding-block: calc(0.25rem * 3);\\n }\\n .py-3\\\\.5 {\\n padding-block: calc(0.25rem * 3.5);\\n }\\n .py-4 {\\n padding-block: calc(0.25rem * 4);\\n }\\n .py-4\\\\.5 {\\n padding-block: calc(0.25rem * 4.5);\\n }\\n .py-5 {\\n padding-block: calc(0.25rem * 5);\\n }\\n .py-6 {\\n padding-block: calc(0.25rem * 6);\\n }\\n .pt-0\\\\.5 {\\n padding-top: calc(0.25rem * 0.5);\\n }\\n .pt-8 {\\n padding-top: calc(0.25rem * 8);\\n }\\n .pr-2 {\\n padding-right: calc(0.25rem * 2);\\n }\\n .pr-6 {\\n padding-right: calc(0.25rem * 6);\\n }\\n .pr-24 {\\n padding-right: calc(0.25rem * 24);\\n }\\n .pb-1 {\\n padding-bottom: calc(0.25rem * 1);\\n }\\n .pb-3 {\\n padding-bottom: calc(0.25rem * 3);\\n }\\n .pb-4 {\\n padding-bottom: calc(0.25rem * 4);\\n }\\n .pb-5 {\\n padding-bottom: calc(0.25rem * 5);\\n }\\n .pb-6 {\\n padding-bottom: calc(0.25rem * 6);\\n }\\n .pl-0 {\\n padding-left: calc(0.25rem * 0);\\n }\\n .pl-1 {\\n padding-left: calc(0.25rem * 1);\\n }\\n .pl-3 {\\n padding-left: calc(0.25rem * 3);\\n }\\n .pl-7 {\\n padding-left: calc(0.25rem * 7);\\n }\\n .pl-9 {\\n padding-left: calc(0.25rem * 9);\\n }\\n .pl-10 {\\n padding-left: calc(0.25rem * 10);\\n }\\n .text-center {\\n text-align: center;\\n }\\n .text-left {\\n text-align: left;\\n }\\n .align-baseline {\\n vertical-align: baseline;\\n }\\n .align-bottom {\\n vertical-align: bottom;\\n }\\n .align-middle {\\n vertical-align: middle;\\n }\\n .font-sans {\\n font-family: var(--atomic-font-family);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .set-font-size-sm {\\n --font-size: var(--atomic-text-sm);\\n font-size: var(--font-size);\\n --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\\n line-height: var(--line-height);\\n }\\n .text-2xl {\\n font-size: var(--atomic-text-2xl);\\n line-height: var(--tw-leading, calc(2 / 1.5));\\n }\\n .text-base {\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n }\\n .text-lg {\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n .text-sm {\\n font-size: var(--atomic-text-sm);\\n line-height: var(--tw-leading, calc(1.25 / 0.875));\\n }\\n .text-xl {\\n font-size: var(--atomic-text-xl);\\n line-height: var(--tw-leading, calc(1.75 / 1.25));\\n }\\n .text-xs {\\n font-size: 0.75rem;\\n line-height: var(--tw-leading, calc(1 / 0.75));\\n }\\n .text-xs\\\\/\\\\[1rem\\\\] {\\n font-size: 0.75rem;\\n line-height: 1rem;\\n }\\n .leading-4 {\\n --tw-leading: calc(0.25rem * 4);\\n line-height: calc(0.25rem * 4);\\n }\\n .leading-5 {\\n --tw-leading: calc(0.25rem * 5);\\n line-height: calc(0.25rem * 5);\\n }\\n .leading-6 {\\n --tw-leading: calc(0.25rem * 6);\\n line-height: calc(0.25rem * 6);\\n }\\n .leading-8 {\\n --tw-leading: calc(0.25rem * 8);\\n line-height: calc(0.25rem * 8);\\n }\\n .leading-10 {\\n --tw-leading: calc(0.25rem * 10);\\n line-height: calc(0.25rem * 10);\\n }\\n .leading-\\\\[1\\\\.5\\\\] {\\n --tw-leading: 1.5;\\n line-height: 1.5;\\n }\\n .leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\] {\\n --tw-leading: calc(1 / .75);\\n line-height: calc(1 / .75);\\n }\\n .leading-\\\\[var\\\\(--line-height\\\\)\\\\] {\\n --tw-leading: var(--line-height);\\n line-height: var(--line-height);\\n }\\n .leading-none {\\n --tw-leading: 1;\\n line-height: 1;\\n }\\n .font-bold {\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n .font-light {\\n --tw-font-weight: 300;\\n font-weight: 300;\\n }\\n .font-medium {\\n --tw-font-weight: 500;\\n font-weight: 500;\\n }\\n .font-normal {\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n .font-semibold {\\n --tw-font-weight: 600;\\n font-weight: 600;\\n }\\n .break-words {\\n overflow-wrap: break-word;\\n }\\n .break-all {\\n word-break: break-all;\\n }\\n .break-keep {\\n word-break: keep-all;\\n }\\n .text-ellipsis {\\n text-overflow: ellipsis;\\n }\\n .whitespace-normal {\\n white-space: normal;\\n }\\n .whitespace-nowrap {\\n white-space: nowrap;\\n }\\n .whitespace-pre-wrap {\\n white-space: pre-wrap;\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .link-style {\\n color: var(--atomic-on-background);\\n }\\n .link-style:hover, .link-style:focus-visible {\\n text-decoration: underline;\\n color: var(--atomic-primary);\\n }\\n .link-style:focus {\\n outline: none;\\n }\\n .link-style:visited {\\n color: var(--atomic-visited);\\n }\\n .text-\\\\[\\\\#54698D\\\\] {\\n color: #54698D;\\n }\\n .text-\\\\[inherit\\\\] {\\n color: inherit;\\n }\\n .text-black {\\n color: #000;\\n }\\n .text-error {\\n color: var(--atomic-error);\\n }\\n .text-gray-500 {\\n color: oklch(0.551 0.027 264.364);\\n }\\n .text-gray-600 {\\n color: oklch(0.446 0.03 256.802);\\n }\\n .text-gray-700 {\\n color: oklch(0.373 0.034 259.733);\\n }\\n .text-gray-900 {\\n color: oklch(0.21 0.034 264.665);\\n }\\n .text-green-600 {\\n color: oklch(0.627 0.194 149.214);\\n }\\n .text-inline-code {\\n color: var(--atomic-inline-code);\\n }\\n .text-neutral {\\n color: var(--atomic-neutral);\\n }\\n .text-neutral-dark {\\n color: var(--atomic-neutral-dark);\\n }\\n .text-on-background {\\n color: var(--atomic-on-background);\\n }\\n .text-on-primary {\\n color: var(--atomic-on-primary);\\n }\\n .text-primary {\\n color: var(--atomic-primary);\\n }\\n .text-primary-light {\\n color: var(--atomic-primary-light);\\n }\\n .text-rating-icon-active {\\n color: var(--atomic-rating-icon-active-color, #f6ce3c);\\n }\\n .text-rating-icon-inactive {\\n color: var(\\n --atomic-rating-icon-inactive-color,\\n var(--atomic-neutral)\\n );\\n }\\n .text-red-600 {\\n color: oklch(0.577 0.245 27.325);\\n }\\n .text-success {\\n color: var(--atomic-success);\\n }\\n .text-transparent {\\n color: transparent;\\n }\\n .capitalize {\\n text-transform: capitalize;\\n }\\n .lowercase {\\n text-transform: lowercase;\\n }\\n .italic {\\n font-style: italic;\\n }\\n .line-through {\\n text-decoration-line: line-through;\\n }\\n .placeholder-neutral-dark::placeholder {\\n color: var(--atomic-neutral-dark);\\n }\\n .opacity-0 {\\n opacity: 0%;\\n }\\n .opacity-50 {\\n opacity: 50%;\\n }\\n .opacity-60 {\\n opacity: 60%;\\n }\\n .opacity-80 {\\n opacity: 80%;\\n }\\n .shadow {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-inner-primary {\\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-lg {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .shadow-t-lg {\\n --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-3 {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .ring-primary {\\n --tw-ring-color: var(--atomic-primary);\\n }\\n .ring-ring-primary {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .outline {\\n outline-style: var(--tw-outline-style);\\n outline-width: 1px;\\n }\\n .outline-error {\\n outline-color: var(--atomic-error);\\n }\\n .outline-neutral {\\n outline-color: var(--atomic-neutral);\\n }\\n .outline-primary {\\n outline-color: var(--atomic-primary);\\n }\\n .blur {\\n --tw-blur: blur(8px);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .grayscale {\\n --tw-grayscale: grayscale(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .invert {\\n --tw-invert: invert(100%);\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .filter {\\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\\n }\\n .transition {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-\\\\[visibility\\\\] {\\n transition-property: visibility;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-all {\\n transition-property: all;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-colors {\\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .transition-opacity {\\n transition-property: opacity;\\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\\n transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\\n }\\n .duration-200 {\\n --tw-duration: 200ms;\\n transition-duration: 200ms;\\n }\\n .duration-300 {\\n --tw-duration: 300ms;\\n transition-duration: 300ms;\\n }\\n .duration-500 {\\n --tw-duration: 500ms;\\n transition-duration: 500ms;\\n }\\n .ease-in-out {\\n --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n }\\n .\\\\[grid-area\\\\:modal\\\\] {\\n grid-area: modal;\\n }\\n .\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\] {\\n scrollbar-gutter: stable both-edges;\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:visible:is(:where(.group):hover *) {\\n visibility: visible;\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-error:is(:where(.group):hover *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary:is(:where(.group):hover *) {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .group-hover\\\\:text-primary-light:is(:where(.group):hover *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .group-focus\\\\:text-primary:is(:where(.group):focus *) {\\n color: var(--atomic-primary);\\n }\\n .group-focus\\\\:text-primary-light:is(:where(.group):focus *) {\\n color: var(--atomic-primary-light);\\n }\\n .group-focus-visible\\\\:text-error:is(:where(.group):focus-visible *) {\\n color: var(--atomic-error);\\n }\\n .group-focus-visible\\\\:text-primary:is(:where(.group):focus-visible *) {\\n color: var(--atomic-primary);\\n }\\n .peer-focus-within\\\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n .peer-focus-within\\\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:border-primary-light:is(:where(.peer):hover ~ *) {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-error:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .peer-hover\\\\:text-primary-light:is(:where(.peer):hover ~ *) {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .before\\\\:inline::before {\\n content: var(--tw-content);\\n display: inline;\\n }\\n .before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]::before {\\n --tw-content: ',\\\\00a0';\\n content: var(--tw-content);\\n }\\n .after\\\\:absolute::after {\\n content: var(--tw-content);\\n position: absolute;\\n }\\n .after\\\\:-bottom-0\\\\.5::after {\\n content: var(--tw-content);\\n bottom: calc(0.25rem * -0.5);\\n }\\n .after\\\\:block::after {\\n content: var(--tw-content);\\n display: block;\\n }\\n .after\\\\:h-1::after {\\n content: var(--tw-content);\\n height: calc(0.25rem * 1);\\n }\\n .after\\\\:w-full::after {\\n content: var(--tw-content);\\n width: 100%;\\n }\\n .after\\\\:rounded::after {\\n content: var(--tw-content);\\n border-radius: var(--atomic-border-radius);\\n }\\n .after\\\\:bg-primary::after {\\n content: var(--tw-content);\\n background-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:border-disabled:focus-within {\\n border-color: var(--atomic-disabled);\\n }\\n .focus-within\\\\:border-primary:focus-within {\\n border-color: var(--atomic-primary);\\n }\\n .focus-within\\\\:ring-3:focus-within {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-within\\\\:ring-neutral:focus-within {\\n --tw-ring-color: var(--atomic-neutral);\\n }\\n .focus-within\\\\:ring-ring-primary:focus-within {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n @media (hover: hover) {\\n .hover\\\\:border:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:border-primary-light:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-error:hover {\\n background-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-neutral-light:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-primary-light:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:bg-transparent:hover {\\n background-color: transparent;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:fill-white:hover {\\n fill: #fff;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:text-primary-light:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:underline:hover {\\n text-decoration-line: underline;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:opacity-100:hover {\\n opacity: 100%;\\n }\\n }\\n @media (hover: hover) {\\n .hover\\\\:shadow-sm:hover {\\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n }\\n .focus\\\\:opacity-100:focus {\\n opacity: 100%;\\n }\\n .focus\\\\:outline-hidden:focus {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (forced-colors: active) {\\n .focus\\\\:outline-hidden:focus {\\n outline: 2px solid transparent;\\n outline-offset: 2px;\\n }\\n }\\n .focus-visible\\\\:border:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .focus-visible\\\\:border-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:border-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .focus-visible\\\\:border-primary-light:focus-visible {\\n border-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:bg-error:focus-visible {\\n background-color: var(--atomic-error);\\n }\\n .focus-visible\\\\:bg-neutral-light:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .focus-visible\\\\:bg-primary-light:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:text-primary-light:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .focus-visible\\\\:underline:focus-visible {\\n text-decoration-line: underline;\\n }\\n .focus-visible\\\\:ring-2:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .focus-visible\\\\:outline-none:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n @media (width >= 40rem) {\\n .sm\\\\:px-6 {\\n padding-inline: calc(0.25rem * 6);\\n }\\n }\\n .\\\\[part\\\\=\\\\\\\"breadcrumb-button\\\\\\\"\\\\]\\\\:visible:is(part=\\\"breadcrumb-button\\\") {\\n visibility: visible;\\n }\\n}\\n@layer theme, base, components, utilities;\\n@layer components {\\n .input-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n }\\n @media (hover: hover) {\\n .input-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n .input-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .input-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .input-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-radio {\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n }\\n .btn-radio::before {\\n --tw-content: attr(value);\\n content: var(--tw-content);\\n }\\n .btn-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-primary);\\n color: var(--atomic-on-primary);\\n }\\n @media (hover: hover) {\\n .btn-primary:hover {\\n background-color: var(--atomic-primary-light);\\n }\\n }\\n .btn-primary:focus-visible {\\n background-color: var(--atomic-primary-light);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-primary:disabled {\\n background-color: var(--atomic-disabled);\\n }\\n .btn-outline-primary {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n border-color: var(--atomic-primary-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-primary:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-outline-primary:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-primary:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-primary:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-primary:disabled {\\n color: var(--atomic-neutral);\\n }\\n .btn-text-primary {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-primary);\\n }\\n @media (hover: hover) {\\n .btn-text-primary:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-text-primary:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-primary:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-neutral {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-neutral:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-neutral:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-neutral:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-neutral:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-bg-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n border-color: var(--atomic-primary);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-bg-error:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-outline-bg-error:focus-visible {\\n border-color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-outline-bg-error:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-bg-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-bg-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-bg-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-bg-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-bg-error:disabled {\\n opacity: 50%;\\n }\\n .btn-outline-error {\\n border-radius: var(--atomic-border-radius);\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n border-color: var(--atomic-error);\\n }\\n }\\n @media (hover: hover) {\\n .btn-outline-error:hover {\\n color: var(--atomic-error);\\n }\\n }\\n .btn-outline-error:focus-visible {\\n border-color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n color: var(--atomic-error);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-ring-color: var(--atomic-ring-primary);\\n }\\n .btn-outline-error:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-outline-error:disabled {\\n cursor: not-allowed;\\n }\\n .btn-outline-error:disabled {\\n border-color: var(--atomic-neutral);\\n }\\n .btn-outline-error:disabled {\\n color: var(--atomic-on-background);\\n }\\n .btn-outline-error:disabled {\\n opacity: 50%;\\n }\\n .btn-text-neutral {\\n border-radius: var(--atomic-border-radius);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n @media (hover: hover) {\\n .btn-text-neutral:hover {\\n color: var(--atomic-primary);\\n }\\n }\\n .btn-text-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-text-neutral:focus-visible {\\n color: var(--atomic-primary);\\n }\\n .btn-text-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-text-transparent {\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-text-transparent:hover {\\n color: var(--atomic-primary-light);\\n }\\n }\\n .btn-text-transparent:focus-visible {\\n color: var(--atomic-primary-light);\\n }\\n .btn-square-neutral {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n border-color: var(--atomic-neutral);\\n background-color: var(--atomic-background);\\n color: var(--atomic-on-background);\\n }\\n @media (hover: hover) {\\n .btn-square-neutral:hover {\\n background-color: var(--atomic-neutral-light);\\n }\\n }\\n .btn-square-neutral:focus-visible {\\n background-color: var(--atomic-neutral-light);\\n }\\n .btn-square-neutral:focus-visible {\\n --tw-outline-style: none;\\n outline-style: none;\\n }\\n .btn-page {\\n display: grid;\\n height: calc(0.25rem * 10);\\n width: calc(0.25rem * 10);\\n place-items: center;\\n border-style: var(--tw-border-style);\\n border-width: 0px;\\n font-size: var(--atomic-text-lg);\\n line-height: var(--tw-leading, calc(1.75 / 1.125));\\n }\\n @media (hover: hover) {\\n .btn-page:hover {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n }\\n .btn-page:focus-visible {\\n border-style: var(--tw-border-style);\\n border-width: 1px;\\n }\\n .btn-page.selected {\\n border-style: var(--tw-border-style);\\n border-width: 2px;\\n border-color: var(--atomic-primary);\\n --tw-font-weight: var(--atomic-font-bold);\\n font-weight: var(--atomic-font-bold);\\n }\\n}\\n@layer base {\\n :host {\\n display: block;\\n }\\n :host, button, input, select {\\n font-family: var(--atomic-font-family);\\n font-size: var(--atomic-text-base);\\n line-height: var(--tw-leading, calc(1.5 / 1));\\n --tw-font-weight: var(--atomic-font-normal);\\n font-weight: var(--atomic-font-normal);\\n }\\n button {\\n cursor: pointer;\\n }\\n :host(.atomic-hidden) {\\n display: none;\\n }\\n .ripple {\\n position: absolute;\\n pointer-events: none;\\n transform: scale(0);\\n border-radius: 50%;\\n animation: ripple var(--animation-duration) linear;\\n }\\n .ripple-relative {\\n position: relative;\\n }\\n .ripple-parent {\\n overflow: hidden;\\n }\\n @keyframes ripple {\\n to {\\n transform: scale(4);\\n opacity: 0;\\n }\\n }\\n}\\n.value-count {\\n margin-left: calc(0.25rem * 1.5);\\n color: var(--atomic-neutral-dark);\\n}\\n[part='value-exclude-button'] + .value-count {\\n margin-right: calc(0.25rem * 2);\\n}\\n:host(.popover-nested) {\\n min-width: 18rem;\\n}\\n:host(.popover-nested)::part(label-button) {\\n display: none;\\n}\\n:host(.popover-nested)::part(facet) {\\n --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n}\\n:host(.popover-nested)::part(values) {\\n margin-top: calc(0.25rem * 0);\\n max-height: calc(0.25rem * 96);\\n overflow-y: auto;\\n}\\n:host(.popover-nested)::part(search-wrapper) {\\n margin-bottom: calc(0.25rem * 2);\\n}\\n@property --tw-translate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-translate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-scale-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-scale-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 1;\\n}\\n@property --tw-rotate-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-rotate-z {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-x {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-skew-y {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-space-x-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0;\\n}\\n@property --tw-border-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-gradient-position {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-via {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-to {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: #0000;\\n}\\n@property --tw-gradient-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-via-stops {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-gradient-from-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0%;\\n}\\n@property --tw-gradient-via-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 50%;\\n}\\n@property --tw-gradient-to-position {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-leading {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-font-weight {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 0px;\\n}\\n@property --tw-ring-offset-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: 0 0 #0000;\\n}\\n@property --tw-outline-style {\\n syntax: \\\"*\\\";\\n inherits: false;\\n initial-value: solid;\\n}\\n@property --tw-blur {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-brightness {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-contrast {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-grayscale {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-hue-rotate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-invert {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-opacity {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-saturate {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-sepia {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-color {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-drop-shadow-alpha {\\n syntax: \\\"\\\";\\n inherits: false;\\n initial-value: 100%;\\n}\\n@property --tw-drop-shadow-size {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-duration {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-ease {\\n syntax: \\\"*\\\";\\n inherits: false;\\n}\\n@property --tw-content {\\n syntax: \\\"*\\\";\\n initial-value: \\\"\\\";\\n inherits: false;\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@keyframes spin {\\n to {\\n transform: rotate(360deg);\\n }\\n}\\n@keyframes pulse {\\n 50% {\\n opacity: 0.5;\\n }\\n}\\n@layer properties {\\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\\n *, ::before, ::after, ::backdrop {\\n --tw-translate-x: 0;\\n --tw-translate-y: 0;\\n --tw-translate-z: 0;\\n --tw-scale-x: 1;\\n --tw-scale-y: 1;\\n --tw-scale-z: 1;\\n --tw-rotate-x: initial;\\n --tw-rotate-y: initial;\\n --tw-rotate-z: initial;\\n --tw-skew-x: initial;\\n --tw-skew-y: initial;\\n --tw-space-y-reverse: 0;\\n --tw-space-x-reverse: 0;\\n --tw-divide-y-reverse: 0;\\n --tw-border-style: solid;\\n --tw-gradient-position: initial;\\n --tw-gradient-from: #0000;\\n --tw-gradient-via: #0000;\\n --tw-gradient-to: #0000;\\n --tw-gradient-stops: initial;\\n --tw-gradient-via-stops: initial;\\n --tw-gradient-from-position: 0%;\\n --tw-gradient-via-position: 50%;\\n --tw-gradient-to-position: 100%;\\n --tw-leading: initial;\\n --tw-font-weight: initial;\\n --tw-shadow: 0 0 #0000;\\n --tw-shadow-color: initial;\\n --tw-shadow-alpha: 100%;\\n --tw-inset-shadow: 0 0 #0000;\\n --tw-inset-shadow-color: initial;\\n --tw-inset-shadow-alpha: 100%;\\n --tw-ring-color: initial;\\n --tw-ring-shadow: 0 0 #0000;\\n --tw-inset-ring-color: initial;\\n --tw-inset-ring-shadow: 0 0 #0000;\\n --tw-ring-inset: initial;\\n --tw-ring-offset-width: 0px;\\n --tw-ring-offset-color: #fff;\\n --tw-ring-offset-shadow: 0 0 #0000;\\n --tw-outline-style: solid;\\n --tw-blur: initial;\\n --tw-brightness: initial;\\n --tw-contrast: initial;\\n --tw-grayscale: initial;\\n --tw-hue-rotate: initial;\\n --tw-invert: initial;\\n --tw-opacity: initial;\\n --tw-saturate: initial;\\n --tw-sepia: initial;\\n --tw-drop-shadow: initial;\\n --tw-drop-shadow-color: initial;\\n --tw-drop-shadow-alpha: 100%;\\n --tw-drop-shadow-size: initial;\\n --tw-duration: initial;\\n --tw-ease: initial;\\n --tw-content: \\\"\\\";\\n }\\n }\\n}\\n\";\nconst AtomicTimeframeFacetStyle0 = atomicTimeframeFacetCss;\n\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\")\n r = Reflect.decorate(decorators, target, key, desc);\n else\n for (var i = decorators.length - 1; i >= 0; i--)\n if (d = decorators[i])\n r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nconst AtomicTimeframeFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTimeframeFacet extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.__attachShadow();\n /**\n * The non-localized label for the facet.\n * Used in the atomic-breadbox component through the bindings store.\n */\n this.label = 'no-label';\n /**\n * The field whose values you want to display in the facet.\n */\n this.field = 'date';\n /**\n * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n */\n this.tabsIncluded = '[]';\n /**\n * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n *\n * Set this property as a stringified JSON array, for example:\n * ```html\n * \n * ```\n * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n */\n this.tabsExcluded = '[]';\n /**\n * Whether this facet should contain an datepicker allowing users to set custom ranges.\n */\n this.withDatePicker = false;\n /**\n * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n */\n this.isCollapsed = false;\n /**\n * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n */\n this.headingLevel = 0;\n /**\n * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n *\n *\n * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n */\n this.filterFacetCount = true;\n /**\n * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n * Note: A high injectionDepth may negatively impact the facet request performance.\n * Minimum: `0`\n * Default: `1000`\n */\n this.injectionDepth = 1000;\n /**\n * The required facets and values for this facet to be displayed.\n * Examples:\n * ```html\n * \n *\n * \n * \n *\n * \n * \n * ```\n */\n this.dependsOn = {};\n /**\n * The sort criterion to apply to the returned facet values.\n * Possible values are 'ascending' and 'descending'.\n */\n this.sortCriteria = 'descending';\n this.facetState = undefined;\n this.facetForDatePickerState = undefined;\n this.filterState = undefined;\n this.searchStatusState = undefined;\n this.tabManagerState = undefined;\n this.error = undefined;\n this.facetId = undefined;\n this.label = 'no-label';\n this.field = 'date';\n this.tabsIncluded = '[]';\n this.tabsExcluded = '[]';\n this.withDatePicker = false;\n this.isCollapsed = false;\n this.headingLevel = 0;\n this.filterFacetCount = true;\n this.injectionDepth = 1000;\n this.dependsOn = {};\n this.min = undefined;\n this.max = undefined;\n this.sortCriteria = 'descending';\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this);\n }\n return this.headerFocus;\n }\n initialize() {\n if ([...this.tabsIncluded].length > 0 &&\n [...this.tabsExcluded].length > 0) {\n console.warn('Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.');\n }\n this.timeframeFacetCommon = new TimeframeFacetCommon({\n facetId: this.facetId,\n host: this.host,\n bindings: this.bindings,\n label: this.label,\n field: this.field,\n headingLevel: this.headingLevel,\n dependsOn: parseDependsOn(this.dependsOn) && this.dependsOn,\n withDatePicker: this.withDatePicker,\n setFacetId: (id) => (this.facetId = id),\n buildDependenciesManager: (facetId) => buildFacetConditionsManager(this.bindings.engine, {\n facetId,\n conditions: parseDependsOn(this.dependsOn),\n }),\n buildDateRange,\n getSearchStatusState: () => this.searchStatusState,\n deserializeRelativeDate,\n initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n initializeFacetForDateRange: (values) => this.initializeFacetForDateRange(values),\n initializeFilter: () => this.initializeFilter(),\n min: this.min,\n max: this.max,\n sortCriteria: this.sortCriteria,\n });\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.tabManager = buildTabManager(this.bindings.engine);\n }\n disconnectedCallback() {\n this.timeframeFacetCommon?.disconnectedCallback();\n }\n initializeFacetForDatePicker() {\n this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input_range`,\n numberOfValues: 1,\n generateAutomaticRanges: true,\n field: this.field,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n return this.facetForDatePicker;\n }\n initializeFacetForDateRange(values) {\n this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n options: {\n facetId: this.facetId,\n field: this.field,\n currentValues: values,\n generateAutomaticRanges: false,\n sortCriteria: this.sortCriteria,\n filterFacetCount: this.filterFacetCount,\n injectionDepth: this.injectionDepth,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n return this.facetForDateRange;\n }\n initializeFilter() {\n this.filter = buildDateFilter(this.bindings.engine, {\n options: {\n facetId: `${this.facetId}_input`,\n field: this.field,\n tabs: {\n included: [...this.tabsIncluded],\n excluded: [...this.tabsExcluded],\n },\n },\n });\n return this.filter;\n }\n applyDateInput() {\n this.facetId &&\n this.bindings.engine.dispatch(loadDateFacetSetActions(this.bindings.engine).deselectAllDateFacetValues(this.facetId));\n }\n render() {\n if (!this.timeframeFacetCommon) {\n return (h(FacetPlaceholder, { numberOfValues: 5, isCollapsed: this.isCollapsed }));\n }\n return this.timeframeFacetCommon.render({\n hasError: this.searchStatusState.hasError,\n firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n isCollapsed: this.isCollapsed,\n headerFocus: this.focusTarget,\n onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n });\n }\n get host() { return this; }\n static get style() { return AtomicTimeframeFacetStyle0; }\n}, [1, \"atomic-timeframe-facet\", {\n \"facetId\": [1537, \"facet-id\"],\n \"label\": [513],\n \"field\": [513],\n \"tabsIncluded\": [1537, \"tabs-included\"],\n \"tabsExcluded\": [1537, \"tabs-excluded\"],\n \"withDatePicker\": [516, \"with-date-picker\"],\n \"isCollapsed\": [1540, \"is-collapsed\"],\n \"headingLevel\": [514, \"heading-level\"],\n \"filterFacetCount\": [516, \"filter-facet-count\"],\n \"injectionDepth\": [514, \"injection-depth\"],\n \"dependsOn\": [16],\n \"min\": [513],\n \"max\": [513],\n \"sortCriteria\": [513, \"sort-criteria\"],\n \"facetState\": [32],\n \"facetForDatePickerState\": [32],\n \"filterState\": [32],\n \"searchStatusState\": [32],\n \"tabManagerState\": [32],\n \"error\": [32]\n }, [[0, \"atomic/dateInputApply\", \"applyDateInput\"]]]);\n__decorate([\n InitializeBindings()\n], AtomicTimeframeFacet$1.prototype, \"bindings\", void 0);\n__decorate([\n BindStateToController('facetForDateRange')\n], AtomicTimeframeFacet$1.prototype, \"facetState\", void 0);\n__decorate([\n BindStateToController('facetForDatePicker')\n], AtomicTimeframeFacet$1.prototype, \"facetForDatePickerState\", void 0);\n__decorate([\n BindStateToController('filter')\n], AtomicTimeframeFacet$1.prototype, \"filterState\", void 0);\n__decorate([\n BindStateToController('searchStatus')\n], AtomicTimeframeFacet$1.prototype, \"searchStatusState\", void 0);\n__decorate([\n BindStateToController('tabManager')\n], AtomicTimeframeFacet$1.prototype, \"tabManagerState\", void 0);\n__decorate([\n ArrayProp()\n], AtomicTimeframeFacet$1.prototype, \"tabsIncluded\", void 0);\n__decorate([\n ArrayProp()\n], AtomicTimeframeFacet$1.prototype, \"tabsExcluded\", void 0);\n__decorate([\n MapProp()\n], AtomicTimeframeFacet$1.prototype, \"dependsOn\", void 0);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"atomic-timeframe-facet\"];\n components.forEach(tagName => { switch (tagName) {\n case \"atomic-timeframe-facet\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, AtomicTimeframeFacet$1);\n }\n break;\n } });\n}\n\nconst AtomicTimeframeFacet = AtomicTimeframeFacet$1;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { AtomicTimeframeFacet, defineCustomElement };\n\n//# sourceMappingURL=atomic-timeframe-facet.js.map","export function promiseTimeout(prom, ms) {\n let id;\n const timeout = new Promise((_, reject) => {\n id = setTimeout(() => {\n reject(new Error('Promise timed out.'));\n }, ms);\n });\n return Promise.race([prom, timeout]).then((value) => {\n clearTimeout(id);\n return value;\n });\n}\n","import { promiseTimeout } from './promise-utils';\nexport function buildCustomEvent(name, detail) {\n return new CustomEvent(name, {\n detail,\n // Event will bubble up the DOM until it is caught\n bubbles: true,\n // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.\n cancelable: true,\n // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM\n composed: true,\n });\n}\nexport function listenOnce(element, type, listener, options) {\n const _listener = (evt) => {\n element.removeEventListener(type, _listener, options);\n typeof listener === 'object'\n ? listener.handleEvent.call(element, evt)\n : listener.call(element, evt);\n };\n element.addEventListener(type, _listener, options);\n}\nexport function eventPromise(element, type, timeoutMs = 0) {\n let promise = new Promise((resolve) => {\n listenOnce(element, type, (e) => {\n resolve(e);\n });\n });\n if (timeoutMs > 0) {\n promise = promiseTimeout(promise, timeoutMs);\n }\n return promise;\n}\n","import { listenOnce } from './event-utils';\nconst RIPPLE = 'ripple';\nfunction getAnimationDurationInMilliseconds(radiusPixels) {\n // A 318px wide button has a duration of 700ms.\n return Math.cbrt(radiusPixels) * 129.21;\n}\nfunction setPositionRelativeIfStatic(element) {\n if (getComputedStyle(element).position === 'static') {\n element.classList.add('ripple-relative');\n }\n}\nexport async function createRipple(event, options) {\n const button = options.parent ?? event.currentTarget;\n const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n existingRipple?.remove();\n button.classList.add('ripple-parent');\n setPositionRelativeIfStatic(button);\n Array.from(button.children).forEach(setPositionRelativeIfStatic);\n const ripple = document.createElement('span');\n ripple.classList.add(RIPPLE);\n ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n ripple.setAttribute('part', RIPPLE);\n const diameter = Math.max(button.clientWidth, button.clientHeight);\n const radius = diameter / 2;\n const animationDuration = getAnimationDurationInMilliseconds(radius);\n const { top, left } = button.getBoundingClientRect();\n ripple.style.width = ripple.style.height = `${diameter}px`;\n ripple.style.left = `${event.clientX - (left + radius)}px`;\n ripple.style.top = `${event.clientY - (top + radius)}px`;\n ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n button.prepend(ripple);\n await cleanupAnimationOnFinish(ripple, animationDuration);\n}\nasync function cleanupAnimationOnFinish(ripple, animationDuration) {\n listenOnce(ripple, 'animationend', () => {\n ripple?.remove();\n });\n // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n setTimeout(() => ripple?.remove(), animationDuration + animationDuration * 0.1);\n}\n","export function getClassNameForButtonStyle(buttonStyle) {\n switch (buttonStyle) {\n case 'primary':\n return 'btn-primary';\n case 'outline-primary':\n return 'btn-outline-primary';\n case 'outline-neutral':\n return 'btn-outline-neutral';\n case 'outline-error':\n return 'btn-outline-error';\n case 'outline-bg-neutral':\n return 'btn-outline-bg-neutral';\n case 'outline-bg-error':\n return 'btn-outline-bg-error';\n case 'text-primary':\n return 'btn-text-primary';\n case 'text-neutral':\n return 'btn-text-neutral';\n case 'text-transparent':\n return 'btn-text-transparent';\n case 'square-neutral':\n return 'btn-square-neutral';\n }\n}\nexport function getRippleColorForButtonStyle(buttonStyle) {\n switch (buttonStyle) {\n case 'primary':\n return 'primary';\n case 'text-transparent':\n return 'neutral-light';\n default:\n return 'neutral';\n }\n}\n","import { html, nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\nimport { createRipple } from '../../utils/ripple-utils';\nimport { getClassNameForButtonStyle, getRippleColorForButtonStyle, } from './button-style';\nexport const renderButton = ({ props }) => (children) => {\n const rippleColor = getRippleColorForButtonStyle(props.style);\n const className = getClassNameForButtonStyle(props.style);\n return html ` createRipple(e, { color: rippleColor })}\n @click=${props.onClick}\n ?disabled=${props.disabled}\n ${props.ref ? ref(props.ref) : nothing}\n >\n ${when(props.text, () => html `${props.text}`)}\n ${children}\n `;\n};\n","const ELLIPSIS = '...';\nconst SEPARATOR = ' / ';\nfunction limitPath(path, pathLimit) {\n if (path.length <= pathLimit) {\n return path.join(SEPARATOR);\n }\n if (pathLimit === 1 && path.length > 1) {\n return [ELLIPSIS, path[path.length - 1]].join(SEPARATOR);\n }\n const ellipsedPath = [path[0], ELLIPSIS, ...path.slice(-(pathLimit - 1))];\n return ellipsedPath.join(SEPARATOR);\n}\nexport function joinBreadcrumbValues(breadcrumb) {\n return Array.isArray(breadcrumb.formattedValue)\n ? breadcrumb.formattedValue.join(SEPARATOR)\n : breadcrumb.formattedValue;\n}\nexport function getFirstBreadcrumbValue(breadcrumb, pathLimit) {\n return Array.isArray(breadcrumb.formattedValue)\n ? limitPath(breadcrumb.formattedValue, pathLimit)\n : breadcrumb.formattedValue;\n}\n","import { html } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../button';\nimport { getFirstBreadcrumbValue, joinBreadcrumbValues, } from './breadcrumb-utils';\nexport const renderBreadcrumbButton = ({ props }) => (children) => {\n const fullValue = joinBreadcrumbValues(props.breadcrumb);\n const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n const title = `${props.breadcrumb.label}: ${fullValue}`;\n const isExclusion = props.breadcrumb.state === 'excluded';\n return html `\n ${keyed(value, html `
  • \n ${renderButton({\n props: {\n ref: (el) => props.refCallback(el),\n part: 'breadcrumb-button',\n style: isExclusion ? 'outline-error' : 'outline-bg-neutral',\n class: 'py-2 px-3 flex items-center rounded-xl group',\n title: title,\n ariaLabel: props.i18n.t(isExclusion\n ? 'remove-exclusion-filter-on'\n : 'remove-inclusion-filter-on', {\n value: title,\n }),\n onClick: () => {\n props.ariaController.message = props.i18n.t('filter-removed', {\n value: title,\n });\n props.onSelectBreadcrumb();\n },\n },\n })(children)}\n
    • `)}\n `;\n};\n","import { html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../button';\nexport const renderBreadcrumbClearAll = ({ props }) => {\n return html `${keyed('clear-all', html `
  • \n ${renderButton({\n props: {\n ref: (el) => props.refCallback(el),\n part: 'clear',\n style: 'text-primary',\n text: props.i18n.t('clear'),\n class: 'rounded-xl p-2',\n ariaLabel: props.i18n.t('clear-all-filters'),\n onClick: props.onClick,\n },\n })(nothing)}\n
    • `)}`;\n};\n","import { Directive, directive } from 'lit/directive.js';\nimport { classMap } from 'lit/directives/class-map.js';\nexport const tw = (rec) => rec;\nclass MultiClassMapDirective extends Directive {\n /**\n * A Lit directive that dynamically applies CSS classes to an element.\n *\n * This directive extends the functionality of the Lit [`classMap`](https://lit.dev/docs/templates/directives/#classmap)\n * by allowing multiple space-separated class names in a single key.\n *\n * ### Behavior:\n * - If a key contains multiple classes (for example, `'foo bar'`), all classes in the key are applied if the value is `true`.\n * - If a class appears in multiple keys, the `true` value takes precedence over `false`.\n *\n * ### Example:\n * ```typescript\n * const classMap = {\n * 'foo bar': true,\n * 'bar fiz': false,\n * };\n *\n * html`
    `;\n * ```\n * **Output:**\n * ```html\n *
    \n * ```\n *\n * ### Notes:\n * - Avoid defining multiple keys with overlapping class names, as it can lead to unintended behavior.\n * - Limit the classes to a reasonable number to prevent performance issues.\n * - The directive ensures that the final class list is deduplicated and respects precedence rules.\n */\n render(classInfo) {\n const processedClassMap = {};\n for (const [key, value] of Object.entries(classInfo)) {\n if (value) {\n key.split(/\\s+/).forEach((cls) => {\n processedClassMap[cls] = true;\n });\n }\n }\n return classMap(processedClassMap);\n }\n}\nexport function multiClassMap(record) {\n return directive(MultiClassMapDirective)(record);\n}\n","import { html } from 'lit';\nimport { multiClassMap, tw } from \"../../../directives/multi-class-map\";\nexport const renderBreadcrumbContainer = ({ props }) => (children) => {\n const listClass = tw({\n 'flex gap-1': true,\n 'absolute w-full flex-nowrap': props.isCollapsed,\n 'flex-wrap': !props.isCollapsed,\n });\n return html `
    \n \n ${props.i18n.t('with-colon', {\n text: props.i18n.t('filters'),\n })}\n \n
    \n
      \n ${children}\n
    \n
    \n
    `;\n};\n","import { html } from 'lit';\nimport { multiClassMap, tw } from \"../../../directives/multi-class-map\";\nconst CloseIcon = \"\";\nimport { getFirstBreadcrumbValue } from './breadcrumb-utils';\n/*\n * breadcrumb.content is currently of type VNode from stencil.\n * When migrating atomic-breadbox, we will first have to change what atomic-rating-facet sends as 'content' to an HtmlElement.\n * (By doing something similar to recent-queries.ts)\n */\nexport const renderBreadcrumbContent = ({ props }) => {\n const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n const isExclusion = props.breadcrumb.state === 'excluded';\n const isSelected = props.breadcrumb.state === 'selected';\n const isIdle = props.breadcrumb.state === 'idle';\n const labelClass = tw({\n 'max-w-[30ch] truncate': true,\n 'group-hover:text-error group-focus-visible:text-error': isExclusion,\n 'group-hover:text-primary group-focus-visible:text-primary': !isExclusion,\n idle: isIdle,\n selected: isSelected,\n excluded: isExclusion,\n });\n const valueClass = tw({\n 'ml-1': true,\n 'max-w-[30ch] truncate': !props.breadcrumb.content,\n idle: isIdle && !props.breadcrumb.content,\n selected: isSelected && !props.breadcrumb.content,\n excluded: isExclusion && !props.breadcrumb.content,\n });\n return html `\n ${props.i18n.t('with-colon', {\n text: props.breadcrumb.label,\n interpolation: { escapeValue: false },\n })}\n \n \n ${props.breadcrumb.content ?? value}\n \n \n `;\n};\n","import { html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../button';\nexport const renderBreadcrumbShowLess = ({ props }) => {\n if (props.isCollapsed) {\n return nothing;\n }\n return html `${keyed('show-less', html `\n
  • \n ${renderButton({\n props: {\n part: 'show-less',\n style: 'outline-primary',\n text: props.i18n.t('show-less'),\n class: 'rounded-xl p-2',\n onClick: props.onShowLess,\n },\n })(nothing)}\n
    • \n `)}`;\n};\n","import { html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../button';\nexport const renderBreadcrumbShowMore = ({ props }) => {\n if (!props.isCollapsed) {\n return nothing;\n }\n return html `${keyed('show-more', html `\n
  • \n ${renderButton({\n props: {\n ref: (el) => props.refCallback(el),\n part: 'show-more',\n style: 'outline-primary',\n text: props.value,\n ariaLabel: props.ariaLabel,\n class: 'rounded-xl p-2',\n onClick: props.onShowMore,\n },\n })(nothing)}\n
    • \n `)}`;\n};\n","function getFieldCaptionNamespace(field) {\n return `caption-${field}`;\n}\nexport function getFieldCaptions(field, i18n) {\n return (i18n.getResourceBundle(i18n.language, getFieldCaptionNamespace(field)) || {});\n}\nexport function getFieldValueCaption(field, facetValue, i18n) {\n return i18n.t(facetValue, {\n ns: getFieldCaptionNamespace(field),\n });\n}\n","import { getFieldValueCaption } from '../../../../utils/field-utils';\nexport const formatHumanReadable = ({ manualRanges, field, i18n, facetValue, logger, formatter, }) => {\n const manualRangeLabel = manualRanges.find((range) => areRangesEqual(range, facetValue))?.label;\n return manualRangeLabel\n ? getFieldValueCaption(field, manualRangeLabel, i18n)\n : i18n.t('to', {\n start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),\n end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),\n });\n};\nexport const formatNumberLocalized = (value, i18n, logger, formatter) => {\n try {\n return formatter(value, i18n.languages);\n }\n catch (error) {\n logger.error(`atomic-numeric-facet facet value \"${value}\" could not be formatted correctly.`, error);\n return value;\n }\n};\nconst areRangesEqual = (firstRange, secondRange) => {\n return (firstRange.start === secondRange.start &&\n firstRange.end === secondRange.end &&\n firstRange.endInclusive === secondRange.endInclusive);\n};\n","import { buildCustomEvent } from \"../../../utils/event-utils\";\nexport const dispatchNumberFormatEvent = (formatter, element) => {\n const event = buildCustomEvent('atomic/numberFormat', formatter);\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n throw new Error('The Atomic number format component was not handled, as it is not a child of a compatible component');\n }\n};\nexport const defaultNumberFormatter = (value, languages) => value.toLocaleString(languages);\nexport const defaultCurrencyFormatter = (currency) => (value, languages) => {\n return value.toLocaleString(languages, {\n style: 'currency',\n currency,\n });\n};\n","/**\n * Performs a deep equality comparison between two values.\n * Handles primitives, null/undefined, arrays, and objects.\n *\n * @param a - First value to compare\n * @param b - Second value to compare\n * @returns true if values are deeply equal, false otherwise\n */\nexport function deepEqual(a, b) {\n if (a === b) {\n return true;\n }\n if (a == null || b == null) {\n return false;\n }\n const typeA = typeof a;\n const typeB = typeof b;\n if (typeA !== typeB) {\n return false;\n }\n if (Array.isArray(a)) {\n if (!Array.isArray(b) || a.length !== b.length) {\n return false;\n }\n for (let i = 0; i < a.length; i++) {\n if (!deepEqual(a[i], b[i])) {\n return false;\n }\n }\n return true;\n }\n if (typeA === 'object') {\n const aObj = a;\n const bObj = b;\n const aKeys = Object.keys(aObj);\n const bKeys = Object.keys(bObj);\n if (aKeys.length !== bKeys.length) {\n return false;\n }\n for (let i = 0; i < aKeys.length; i++) {\n const key = aKeys[i];\n if (!deepEqual(aObj[key], bObj[key])) {\n return false;\n }\n }\n return true;\n }\n return false;\n}\n","import { deepEqual } from \"../../../utils/compare-utils\";\n/**\n * A reactive controller that validates the props of a Lit component against a\n * provided Bueno schema.\n *\n * It validates the props when the host is connected to the DOM and whenever\n * the host updates, revalidating only if the props have changed since the last\n * validation.\n *\n * If validation fails, the controller either sets the `error` property on the host\n * or logs a warning, depending on the `throwOnError` configuration.\n */\nexport class ValidatePropsController {\n /**\n * Creates a `ValidatePropsController`.\n *\n * @param host The host element.\n * @param getProps A function that returns the current props to validate.\n * @param schema The Bueno schema to validate the props against.\n * @param throwOnError Whether to throw an error (true) or log a warning (false) when validation fails. Defaults to true.\n */\n constructor(host, getProps, schema, throwOnError = true) {\n this.host = host;\n this.getProps = getProps;\n this.schema = schema;\n this.throwOnError = throwOnError;\n host.addController(this);\n }\n hostConnected() {\n this.currentProps = this.getProps();\n if (this.host.error === null) {\n // @ts-expect-error: we need to set the error to undefined if it was null.\n this.host.error = undefined;\n }\n this.validateProps();\n }\n hostUpdate() {\n this.currentProps = this.getProps();\n if (deepEqual(this.currentProps, this.previousProps)) {\n return;\n }\n // @ts-expect-error: we need to clear the error.\n this.host.error = undefined;\n this.validateProps();\n }\n validateProps() {\n try {\n this.schema.validate(this.currentProps);\n }\n catch (error) {\n if (this.throwOnError) {\n this.host.error = error;\n }\n else {\n const message = `Prop validation failed for component ${this.host.tagName?.toLowerCase()}: ${error.message}`;\n console.warn(message, this.host);\n }\n }\n finally {\n this.previousProps = this.currentProps;\n }\n }\n}\n","/**\n * A decorator that allows the Lit component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * ```ts\n * @bindStateToController('pager') @state() private pagerState!: PagerState;\n * ```\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `bindStateToController` options.\n */\nexport function bindStateToController(controllerProperty, options) {\n return (proto, stateProperty) => {\n const ctor = proto.constructor;\n ctor.addInitializer((instance) => {\n const component = instance;\n const { disconnectedCallback, initialize } = component;\n component.initialize = function () {\n initialize?.call(this);\n if (!initialize) {\n return console.error(`ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty.toString()}`, component);\n }\n if (!component[controllerProperty]) {\n return console.error(`${controllerProperty.toString()} property is not defined on component`, component);\n }\n if (options?.onUpdateCallbackMethod &&\n !component[options.onUpdateCallbackMethod]) {\n return console.error(`ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`, component);\n }\n const controller = component[controllerProperty];\n const updateCallback = options?.onUpdateCallbackMethod\n ? component[options.onUpdateCallbackMethod]\n : undefined;\n const unsubscribeController = controller.subscribe(() => {\n component[stateProperty] = controller.state;\n typeof updateCallback === 'function' && updateCallback();\n });\n component.disconnectedCallback = () => {\n !component.isConnected && unsubscribeController?.();\n disconnectedCallback?.call(component);\n };\n };\n });\n };\n}\n","import { html, nothing } from 'lit';\n/**\n * A decorator that guards the render method based on the presence of component bindings.\n *\n * This decorator is designed for LitElement components. It wraps the render method and checks for the `bindings` property\n * on the component. If the `bindings` property is not present or is false, the render method will return `nothing`.\n * If the `bindings` property is present and true, it calls the original render method.\n *\n * This decorator works in conjunction with the @initializeBindings decorator.\n *\n * @example\n * ```typescript\n * import { bindingGuard } from './decorators/binding-guard';\n * import { initializeBindings } from './decorators/initialize-bindings';\n *\n * class MyElement extends LitElement {\n * @initializeBindings() bindings!: Bindings;\n *\n * @bindingGuard()\n * render() {\n * return html`
    Content to render when bindings are present
    `;\n * }\n * }\n * @throws {Error} If the decorator is used on a method other than the render method.\n */\nexport function bindingGuard() {\n return (_, propertyKey, descriptor) => {\n if (descriptor?.value === undefined || propertyKey !== 'render') {\n throw new Error('@bindingGuard decorator can only be used on render method');\n }\n const originalMethod = descriptor.value;\n descriptor.value = function () {\n return this.bindings\n ? originalMethod?.call(this)\n : html `${nothing}`;\n };\n return descriptor;\n };\n}\n","import { ContextRoot, createContext } from '@lit/context';\nif (typeof window !== 'undefined') {\n const contextRoot = new ContextRoot();\n contextRoot.attach(document.body);\n}\nexport const bindingsContext = createContext(Symbol('bindings'));\n","import { ContextConsumer } from '@lit/context';\nimport { bindingsContext } from '../components/common/context/bindings-context';\n/**\n * A decorator that will initialize the component with the bindings provided by the bindings context.\n * It ensures that the component is initialized only once and that the language is updated when the language changes.\n *\n * @example\n * ```ts\n * import {bindings} from './decorators/bindings';\n * import {InitializableComponent} from './decorators/types';\n *\n * @customElement('test-element')\n * @bindings()\n * export class TestElement extends LitElement implements InitializableComponent {\n *\n * @state() public bindings: Bindings = {} as Bindings;\n * @state() public error!: Error;\n *\n * public initialized = false;\n *\n * public render() {\n * return html``;\n * }\n * }\n * ```\n */\nexport function bindings() {\n return (target) => {\n const connectedCallback = target.prototype.connectedCallback;\n target.prototype.connectedCallback = function () {\n new ContextConsumer(this, {\n context: bindingsContext,\n callback: (value) => {\n if (this.initialized || Object.keys(value).length === 0) {\n return;\n }\n this.initialized = true;\n try {\n this.bindings = value;\n const updateLanguage = () => this.requestUpdate();\n this.bindings.i18n.on('languageChanged', updateLanguage);\n const unsubscribeLanguage = () => this.bindings?.i18n.off('languageChanged', updateLanguage);\n this.initialize?.();\n this.unsubscribeLanguage = unsubscribeLanguage;\n }\n catch (error) {\n this.error = error;\n }\n },\n subscribe: true,\n });\n if (connectedCallback) {\n connectedCallback.call(this);\n }\n };\n const disconnectedCallback = target.prototype.disconnectedCallback;\n target.prototype.disconnectedCallback = function () {\n this.unsubscribeLanguage?.();\n if (disconnectedCallback) {\n disconnectedCallback.call(this);\n }\n };\n };\n}\n","const css = `@theme inline static{--atomic-primary:#126ce0;--atomic-primary-light:#399ffe;--atomic-primary-dark:#1a50ad;--atomic-on-primary:#fff;--atomic-ring-primary:rgba(19,114,236,.5);--atomic-neutral-dark:#626971;--atomic-neutral-dim:#bfc4c8;--atomic-neutral:#e5e8e8;--atomic-neutral-light:#f6f7f9;--atomic-neutral-lighter:#f2f2f2;--atomic-background:#fff;--atomic-on-background:#282829;--atomic-success:#12a244;--atomic-error:#ce3f00;--atomic-visited:#752e9c;--atomic-disabled:#c5cacf;--atomic-success-background:#d4fcf0;--atomic-error-background:#fcbdc0;--atomic-primary-background:#edf6ff;--atomic-inline-code:#cd2113;--atomic-border-radius:0.25rem;--atomic-border-radius-md:0.5rem;--atomic-border-radius-lg:0.75rem;--atomic-border-radius-xl:1rem;--atomic-font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Ubuntu,roboto,noto,arial,sans-serif;--atomic-font-normal:400;--atomic-font-bold:700;--atomic-text-base:0.875rem;--atomic-text-sm:0.75rem;--atomic-text-lg:1rem;--atomic-text-xl:1.125rem;--atomic-text-2xl:1.5rem;--atomic-line-height-ratio:1.5;--atomic-layout-spacing-x:1.5rem;--atomic-layout-spacing-y:1rem}@theme inline static{--color-primary:var(--atomic-primary);--color-primary-light:var(--atomic-primary-light);--color-primary-dark:var(--atomic-primary-dark);--color-on-primary:var(--atomic-on-primary);--color-ring-primary:var(--atomic-ring-primary);--color-primary-background:var(--atomic-primary-background);--color-neutral-dark:var(--atomic-neutral-dark);--color-neutral-dim:var(--atomic-neutral-dim);--color-neutral:var(--atomic-neutral);--color-neutral-light:var(--atomic-neutral-light);--color-neutral-lighter:var(--atomic-neutral-lighter);--color-background:var(--atomic-background);--color-on-background:var(--atomic-on-background);--color-success:var(--atomic-success);--color-error:var(--atomic-error);--color-visited:var(--atomic-visited);--color-disabled:var(--atomic-disabled);--color-inline-code:var(--atomic-inline-code);--color-rating-icon-inactive:var(\n --atomic-rating-icon-inactive-color,var(--atomic-neutral)\n );--color-rating-icon-active:var(--atomic-rating-icon-active-color,#f6ce3c);--color-rating-icon-outline:var(--atomic-rating-icon-outline-color,none);--color-more-results-progress-bar-color-from:var(\n --atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark)\n );--color-more-results-progress-bar-color-to:var(\n --atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)\n );--text-sm:var(--atomic-text-sm);--text-base:var(--atomic-text-base);--text-lg:var(--atomic-text-lg);--text-xl:var(--atomic-text-xl);--text-2xl:var(--atomic-text-2xl);--font-weight-normal:var(--atomic-font-normal);--font-weight-bold:var(--atomic-font-bold);--shadow-inner-primary:inset 0 0 0 1px var(--atomic-primary);--shadow-lg:0px 2px 8px hsla(180,6%,90%,.75);--shadow-t-lg:0px -2px 8px hsla(180,6%,90%,.75);--radius:var(--atomic-border-radius);--radius-xs:var(--atomic-border-radius);--radius-sm:var(--atomic-border-radius);--radius-md:var(--atomic-border-radius-md);--radius-lg:var(--atomic-border-radius-lg);--radius-xl:var(--atomic-border-radius-xl);--font-sans:var(--atomic-font-family);--breakpoint-desktop:1024px}@theme{--animate-slide-down-modal:slideDown 0.5s linear forwards;--animate-scale-up-modal:scaleUp 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards}`;\nexport default css;","const css = `/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--atomic-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace));font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\\\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing, .25rem)*0)}.-top-2{top:calc(var(--spacing, .25rem)*-2)}.-top-4{top:calc(var(--spacing, .25rem)*-4)}.top-0{top:calc(var(--spacing, .25rem)*0)}.top-1\\\\/2{top:50%}.top-6{top:calc(var(--spacing, .25rem)*6)}.top-\\\\[4px\\\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:calc(var(--spacing, .25rem)*-2)}.right-0{right:calc(var(--spacing, .25rem)*0)}.right-2{right:calc(var(--spacing, .25rem)*2)}.right-6{right:calc(var(--spacing, .25rem)*6)}.right-12{right:calc(var(--spacing, .25rem)*12)}.right-20{right:calc(var(--spacing, .25rem)*20)}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing, .25rem)*0)}.bottom-1{bottom:calc(var(--spacing, .25rem)*1)}.bottom-2{bottom:calc(var(--spacing, .25rem)*2)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing, .25rem)*0)}.left-1{left:calc(var(--spacing, .25rem)*1)}.left-2{left:calc(var(--spacing, .25rem)*2)}.left-\\\\[15px\\\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%;@media (width >= 1024px){max-width:1024px}@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.container\\\\!{width:100%!important;@media (width >= 1024px){max-width:1024px!important}@media (width >= 40rem){max-width:40rem!important}@media (width >= 48rem){max-width:48rem!important}@media (width >= 64rem){max-width:64rem!important}@media (width >= 80rem){max-width:80rem!important}@media (width >= 96rem){max-width:96rem!important}}.m-0{margin:calc(var(--spacing, .25rem)*0)}.m-2{margin:calc(var(--spacing, .25rem)*2)}.mx-0{margin-inline:calc(var(--spacing, .25rem)*0)}.mx-0\\\\.5{margin-inline:calc(var(--spacing, .25rem)*.5)}.mx-1{margin-inline:calc(var(--spacing, .25rem)*1)}.mx-6{margin-inline:calc(var(--spacing, .25rem)*6)}.mx-16{margin-inline:calc(var(--spacing, .25rem)*16)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing, .25rem)*2)}.my-3{margin-block:calc(var(--spacing, .25rem)*3)}.my-4{margin-block:calc(var(--spacing, .25rem)*4)}.my-6{margin-block:calc(var(--spacing, .25rem)*6)}.my-auto{margin-block:auto}.mt-0{margin-top:calc(var(--spacing, .25rem)*0)}.mt-1{margin-top:calc(var(--spacing, .25rem)*1)}.mt-1\\\\.5{margin-top:calc(var(--spacing, .25rem)*1.5)}.mt-2{margin-top:calc(var(--spacing, .25rem)*2)}.mt-2\\\\.5{margin-top:calc(var(--spacing, .25rem)*2.5)}.mt-3{margin-top:calc(var(--spacing, .25rem)*3)}.mt-4{margin-top:calc(var(--spacing, .25rem)*4)}.mt-6{margin-top:calc(var(--spacing, .25rem)*6)}.mt-7{margin-top:calc(var(--spacing, .25rem)*7)}.mt-8{margin-top:calc(var(--spacing, .25rem)*8)}.mt-10{margin-top:calc(var(--spacing, .25rem)*10)}.mt-px{margin-top:1px}.mr-0{margin-right:calc(var(--spacing, .25rem)*0)}.mr-0\\\\.5{margin-right:calc(var(--spacing, .25rem)*.5)}.mr-1{margin-right:calc(var(--spacing, .25rem)*1)}.mr-1\\\\.5{margin-right:calc(var(--spacing, .25rem)*1.5)}.mr-2{margin-right:calc(var(--spacing, .25rem)*2)}.mr-3{margin-right:calc(var(--spacing, .25rem)*3)}.mr-6{margin-right:calc(var(--spacing, .25rem)*6)}.mb-0{margin-bottom:calc(var(--spacing, .25rem)*0)}.mb-1{margin-bottom:calc(var(--spacing, .25rem)*1)}.mb-2{margin-bottom:calc(var(--spacing, .25rem)*2)}.mb-3{margin-bottom:calc(var(--spacing, .25rem)*3)}.mb-4{margin-bottom:calc(var(--spacing, .25rem)*4)}.mb-6{margin-bottom:calc(var(--spacing, .25rem)*6)}.ml-0\\\\.5{margin-left:calc(var(--spacing, .25rem)*.5)}.ml-1{margin-left:calc(var(--spacing, .25rem)*1)}.ml-2{margin-left:calc(var(--spacing, .25rem)*2)}.ml-4{margin-left:calc(var(--spacing, .25rem)*4)}.ml-6{margin-left:calc(var(--spacing, .25rem)*6)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:unset}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\\\[auto\\\\]{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}}.aspect-square{aspect-ratio:1/1}.size-\\\\[27px\\\\]{height:27px;width:27px}.h-1{height:calc(var(--spacing, .25rem)*1)}.h-2{height:calc(var(--spacing, .25rem)*2)}.h-2\\\\.5{height:calc(var(--spacing, .25rem)*2.5)}.h-3{height:calc(var(--spacing, .25rem)*3)}.h-4{height:calc(var(--spacing, .25rem)*4)}.h-5{height:calc(var(--spacing, .25rem)*5)}.h-5\\\\/6{height:83.33333%}.h-6{height:calc(var(--spacing, .25rem)*6)}.h-7{height:calc(var(--spacing, .25rem)*7)}.h-8{height:calc(var(--spacing, .25rem)*8)}.h-9{height:calc(var(--spacing, .25rem)*9)}.h-10{height:calc(var(--spacing, .25rem)*10)}.h-12{height:calc(var(--spacing, .25rem)*12)}.h-\\\\[2\\\\.6rem\\\\]{height:2.6rem}.h-\\\\[9px\\\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing, .25rem)*96)}.min-h-10{min-height:calc(var(--spacing, .25rem)*10)}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\\\.5{width:calc(var(--spacing, .25rem)*.5)}.w-1{width:calc(var(--spacing, .25rem)*1)}.w-1\\\\/2{width:50%}.w-2{width:calc(var(--spacing, .25rem)*2)}.w-2\\\\.5{width:calc(var(--spacing, .25rem)*2.5)}.w-3{width:calc(var(--spacing, .25rem)*3)}.w-3\\\\.5{width:calc(var(--spacing, .25rem)*3.5)}.w-3\\\\/5{width:60%}.w-4{width:calc(var(--spacing, .25rem)*4)}.w-5{width:calc(var(--spacing, .25rem)*5)}.w-5\\\\/6{width:83.33333%}.w-6{width:calc(var(--spacing, .25rem)*6)}.w-7{width:calc(var(--spacing, .25rem)*7)}.w-8{width:calc(var(--spacing, .25rem)*8)}.w-9{width:calc(var(--spacing, .25rem)*9)}.w-10{width:calc(var(--spacing, .25rem)*10)}.w-12{width:calc(var(--spacing, .25rem)*12)}.w-20{width:calc(var(--spacing, .25rem)*20)}.w-26{width:calc(var(--spacing, .25rem)*26)}.w-28{width:calc(var(--spacing, .25rem)*28)}.w-32{width:calc(var(--spacing, .25rem)*32)}.w-36{width:calc(var(--spacing, .25rem)*36)}.w-48{width:calc(var(--spacing, .25rem)*48)}.w-60{width:calc(var(--spacing, .25rem)*60)}.w-64{width:calc(var(--spacing, .25rem)*64)}.w-72{width:calc(var(--spacing, .25rem)*72)}.w-100{width:calc(var(--spacing, .25rem)*100)}.w-\\\\[2\\\\.6rem\\\\]{width:2.6rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-4\\\\/5{max-width:80%}.max-w-60{max-width:calc(var(--spacing, .25rem)*60)}.max-w-\\\\[30ch\\\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg,32rem)}.max-w-max{max-width:max-content}.min-w-0{min-width:calc(var(--spacing, .25rem)*0)}.min-w-10{min-width:calc(var(--spacing, .25rem)*10)}.min-w-20{min-width:calc(var(--spacing, .25rem)*20)}.min-w-24{min-width:calc(var(--spacing, .25rem)*24)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\\\/2{flex-basis:50%}.basis-8{flex-basis:calc(var(--spacing, 0.25rem)*8)}.border-collapse{border-collapse:collapse}.-translate-x-1\\\\/2{--tw-translate-x:-50%}.-translate-x-1\\\\/2,.translate-x-1\\\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\\\/2{--tw-translate-x:50%}.-translate-y-1\\\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}.animate-spin{animation:var(--animate-spin,spin 1s linear infinite)}.cursor-\\\\[inherit\\\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\\\[min-content_1fr\\\\]{grid-template-columns:min-content 1fr}.grid-cols-\\\\[min-content_auto\\\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\\\.5{gap:calc(var(--spacing, .25rem)*.5)}.gap-1{gap:calc(var(--spacing, .25rem)*1)}.gap-2{gap:calc(var(--spacing, .25rem)*2)}.gap-3{gap:calc(var(--spacing, .25rem)*3)}.gap-4{gap:calc(var(--spacing, .25rem)*4)}.gap-8{gap:calc(var(--spacing, .25rem)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing, .25rem)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing, .25rem)*1*var(--tw-space-y-reverse))}}.gap-x-1\\\\.5{column-gap:calc(var(--spacing, .25rem)*1.5)}.gap-x-2{column-gap:calc(var(--spacing, .25rem)*2)}.gap-x-4{column-gap:calc(var(--spacing, .25rem)*4)}.space-x-1\\\\.5{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing, .25rem)*1.5*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing, .25rem)*1.5*var(--tw-space-x-reverse))}}.gap-y-0\\\\.5{row-gap:calc(var(--spacing, .25rem)*.5)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-neutral{:where(&>:not(:last-child)){border-color:var(--atomic-neutral)}}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:var(--radius-3xl,1.5rem)}.rounded-full{border-radius:calc(infinity*1px)}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:var(--color-gray-200,oklch(92.8% .006 264.531))}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-t-neutral{border-top-color:var(--atomic-neutral)}.border-b-neutral{border-bottom-color:var(--atomic-neutral)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral{border-left-color:var(--atomic-neutral)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\\\[\\\\#F1F2FF\\\\]{background-color:#f1f2ff}.bg-\\\\[rgba\\\\(40\\\\,40\\\\,40\\\\,0\\\\.8\\\\)\\\\]{background-color:rgba(40,40,40,.8)}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-primary-background{background-color:var(--atomic-primary-background)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white,#fff)}.bg-linear-to-l{--tw-gradient-position:to left;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to left in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\\\/60{--tw-gradient-from:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(\n --atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark)\n );--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(\n --atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)\n );--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-\\\\[1\\\\.25\\\\]{stroke-width:1.25}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing, .25rem)*0)}.p-1{padding:calc(var(--spacing, .25rem)*1)}.p-2{padding:calc(var(--spacing, .25rem)*2)}.p-2\\\\.5{padding:calc(var(--spacing, .25rem)*2.5)}.p-3{padding:calc(var(--spacing, .25rem)*3)}.p-3\\\\.5{padding:calc(var(--spacing, .25rem)*3.5)}.p-4{padding:calc(var(--spacing, .25rem)*4)}.p-6{padding:calc(var(--spacing, .25rem)*6)}.p-7{padding:calc(var(--spacing, .25rem)*7)}.p-8{padding:calc(var(--spacing, .25rem)*8)}.px-1{padding-inline:calc(var(--spacing, .25rem)*1)}.px-2{padding-inline:calc(var(--spacing, .25rem)*2)}.px-2\\\\.5{padding-inline:calc(var(--spacing, .25rem)*2.5)}.px-3{padding-inline:calc(var(--spacing, .25rem)*3)}.px-4{padding-inline:calc(var(--spacing, .25rem)*4)}.px-6{padding-inline:calc(var(--spacing, .25rem)*6)}.px-9{padding-inline:calc(var(--spacing, .25rem)*9)}.py-0\\\\.5{padding-block:calc(var(--spacing, .25rem)*.5)}.py-1{padding-block:calc(var(--spacing, .25rem)*1)}.py-1\\\\.5{padding-block:calc(var(--spacing, .25rem)*1.5)}.py-2{padding-block:calc(var(--spacing, .25rem)*2)}.py-2\\\\.5{padding-block:calc(var(--spacing, .25rem)*2.5)}.py-3{padding-block:calc(var(--spacing, .25rem)*3)}.py-3\\\\.5{padding-block:calc(var(--spacing, .25rem)*3.5)}.py-4{padding-block:calc(var(--spacing, .25rem)*4)}.py-4\\\\.5{padding-block:calc(var(--spacing, .25rem)*4.5)}.py-5{padding-block:calc(var(--spacing, .25rem)*5)}.py-6{padding-block:calc(var(--spacing, .25rem)*6)}.pt-0\\\\.5{padding-top:calc(var(--spacing, .25rem)*.5)}.pt-8{padding-top:calc(var(--spacing, .25rem)*8)}.pr-2{padding-right:calc(var(--spacing, .25rem)*2)}.pr-6{padding-right:calc(var(--spacing, .25rem)*6)}.pr-24{padding-right:calc(var(--spacing, .25rem)*24)}.pb-1{padding-bottom:calc(var(--spacing, .25rem)*1)}.pb-3{padding-bottom:calc(var(--spacing, .25rem)*3)}.pb-4{padding-bottom:calc(var(--spacing, .25rem)*4)}.pb-5{padding-bottom:calc(var(--spacing, .25rem)*5)}.pb-6{padding-bottom:calc(var(--spacing, .25rem)*6)}.pl-0{padding-left:calc(var(--spacing, .25rem)*0)}.pl-1{padding-left:calc(var(--spacing, .25rem)*1)}.pl-3{padding-left:calc(var(--spacing, .25rem)*3)}.pl-7{padding-left:calc(var(--spacing, .25rem)*7)}.pl-9{padding-left:calc(var(--spacing, .25rem)*9)}.pl-10{padding-left:calc(var(--spacing, .25rem)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--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)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.text-xs{line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.text-xs,.text-xs\\\\/\\\\[1rem\\\\]{font-size:var(--text-xs,.75rem)}.text-xs\\\\/\\\\[1rem\\\\]{line-height:1rem}.leading-4{--tw-leading:calc(var(--spacing, 0.25rem)*4);line-height:calc(var(--spacing, .25rem)*4)}.leading-5{--tw-leading:calc(var(--spacing, 0.25rem)*5);line-height:calc(var(--spacing, .25rem)*5)}.leading-6{--tw-leading:calc(var(--spacing, 0.25rem)*6);line-height:calc(var(--spacing, .25rem)*6)}.leading-8{--tw-leading:calc(var(--spacing, 0.25rem)*8);line-height:calc(var(--spacing, .25rem)*8)}.leading-10{--tw-leading:calc(var(--spacing, 0.25rem)*10);line-height:calc(var(--spacing, .25rem)*10)}.leading-\\\\[1\\\\.5\\\\]{--tw-leading:1.5;line-height:1.5}.leading-\\\\[calc\\\\(1\\\\/\\\\.75\\\\)\\\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\\\[var\\\\(--line-height\\\\)\\\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.link-style{color:var(--atomic-on-background);&:focus-visible,&:hover{color:var(--atomic-primary);text-decoration:underline}&:focus{outline:none}&:visited{color:var(--atomic-visited)}}.text-\\\\[\\\\#54698D\\\\]{color:#54698d}.text-\\\\[inherit\\\\]{color:inherit}.text-black{color:var(--color-black,#000)}.text-error{color:var(--atomic-error)}.text-gray-500{color:var(--color-gray-500,oklch(55.1% .027 264.364))}.text-gray-600{color:var(--color-gray-600,oklch(44.6% .03 256.802))}.text-gray-700{color:var(--color-gray-700,oklch(37.3% .034 259.733))}.text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))}.text-green-600{color:var(--color-green-600,oklch(62.7% .194 149.214))}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(\n --atomic-rating-icon-inactive-color,var(--atomic-neutral)\n )}.text-red-600{color:var(--color-red-600,oklch(57.7% .245 27.325))}.text-success{color:var(--atomic-success)}.text-transparent{color:transparent}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.placeholder-neutral-dark{&::placeholder{color:var(--atomic-neutral-dark)}}.opacity-0{opacity:0}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-80{opacity:80%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-inner-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner-primary{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--atomic-primary))}.shadow-lg{--tw-shadow:0px 2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.shadow-lg,.shadow-t-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-t-lg{--tw-shadow:0px -2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-3{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-primary{--tw-ring-color:var(--atomic-primary)}.ring-ring-primary{--tw-ring-color:var(--atomic-ring-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-error{outline-color:var(--atomic-error)}.outline-neutral{outline-color:var(--atomic-neutral)}.outline-primary{outline-color:var(--atomic-primary)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-\\\\[visibility\\\\]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out,cubic-bezier(0.4,0,0.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.\\\\[grid-area\\\\:modal\\\\]{grid-area:modal}.\\\\[scrollbar-gutter\\\\:stable_both-edges\\\\]{scrollbar-gutter:stable both-edges}.group-hover\\\\:visible{&:is(:where(.group):hover *){@media (hover:hover){visibility:visible}}}.group-hover\\\\:text-error{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-error)}}}.group-hover\\\\:text-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary)}}}.group-hover\\\\:text-primary-light{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary-light)}}}.group-focus\\\\:text-primary{&:is(:where(.group):focus *){color:var(--atomic-primary)}}.group-focus\\\\:text-primary-light{&:is(:where(.group):focus *){color:var(--atomic-primary-light)}}.group-focus-visible\\\\:text-error{&:is(:where(.group):focus-visible *){color:var(--atomic-error)}}.group-focus-visible\\\\:text-primary{&:is(:where(.group):focus-visible *){color:var(--atomic-primary)}}.peer-focus-within\\\\:border-primary-light{&:is(:where(.peer):focus-within~*){border-color:var(--atomic-primary-light)}}.peer-focus-within\\\\:text-primary-light{&:is(:where(.peer):focus-within~*){color:var(--atomic-primary-light)}}.peer-hover\\\\:border-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){border-color:var(--atomic-primary-light)}}}.peer-hover\\\\:text-error{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-error)}}}.peer-hover\\\\:text-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-primary-light)}}}.before\\\\:inline{&:before{content:var(--tw-content);display:inline}}.before\\\\:content-\\\\[\\\\'\\\\,\\\\\\\\00a0\\\\'\\\\]{&:before{--tw-content:\",\\\\00a0\";content:var(--tw-content)}}.after\\\\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\\\\:-bottom-0\\\\.5{&:after{bottom:calc(var(--spacing, .25rem)*-.5);content:var(--tw-content)}}.after\\\\:block{&:after{content:var(--tw-content);display:block}}.after\\\\:h-1{&:after{content:var(--tw-content);height:calc(var(--spacing, .25rem)*1)}}.after\\\\:w-full{&:after{content:var(--tw-content);width:100%}}.after\\\\:rounded{&:after{border-radius:var(--atomic-border-radius);content:var(--tw-content)}}.after\\\\:bg-primary{&:after{background-color:var(--atomic-primary);content:var(--tw-content)}}.focus-within\\\\:border-disabled{&:focus-within{border-color:var(--atomic-disabled)}}.focus-within\\\\:border-primary{&:focus-within{border-color:var(--atomic-primary)}}.focus-within\\\\:ring-3{&:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\\\\:ring-neutral{&:focus-within{--tw-ring-color:var(--atomic-neutral)}}.focus-within\\\\:ring-ring-primary{&:focus-within{--tw-ring-color:var(--atomic-ring-primary)}}.hover\\\\:border{&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}}.hover\\\\:border-error{&:hover{@media (hover:hover){border-color:var(--atomic-error)}}}.hover\\\\:border-primary-light{&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}}.hover\\\\:bg-error{&:hover{@media (hover:hover){background-color:var(--atomic-error)}}}.hover\\\\:bg-neutral-light{&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}}.hover\\\\:bg-primary-light{&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}}.hover\\\\:bg-transparent{&:hover{@media (hover:hover){background-color:transparent}}}.hover\\\\:fill-white{&:hover{@media (hover:hover){fill:var(--color-white,#fff)}}}.hover\\\\:text-primary{&:hover{@media (hover:hover){color:var(--atomic-primary)}}}.hover\\\\:text-primary-light{&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}}.hover\\\\:underline{&:hover{@media (hover:hover){text-decoration-line:underline}}}.hover\\\\:opacity-100{&:hover{@media (hover:hover){opacity:100%}}}.hover\\\\:shadow-sm{&:hover{@media (hover:hover){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus\\\\:opacity-100{&:focus{opacity:100%}}.focus\\\\:outline-hidden{&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}.focus-visible\\\\:border{&:focus-visible{border-style:var(--tw-border-style);border-width:1px}}.focus-visible\\\\:border-error{&:focus-visible{border-color:var(--atomic-error)}}.focus-visible\\\\:border-primary{&:focus-visible{border-color:var(--atomic-primary)}}.focus-visible\\\\:border-primary-light{&:focus-visible{border-color:var(--atomic-primary-light)}}.focus-visible\\\\:bg-error{&:focus-visible{background-color:var(--atomic-error)}}.focus-visible\\\\:bg-neutral-light{&:focus-visible{background-color:var(--atomic-neutral-light)}}.focus-visible\\\\:bg-primary-light{&:focus-visible{background-color:var(--atomic-primary-light)}}.focus-visible\\\\:text-primary-light{&:focus-visible{color:var(--atomic-primary-light)}}.focus-visible\\\\:underline{&:focus-visible{text-decoration-line:underline}}.focus-visible\\\\:ring-2{&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\\\\:outline-none{&:focus-visible{--tw-outline-style:none;outline-style:none}}.sm\\\\:px-6{@media (width >= 40rem){padding-inline:calc(var(--spacing, .25rem)*6)}}.\\\\[part\\\\=\\\\\"breadcrumb-button\\\\\"\\\\]\\\\:visible{&:is(part=\"breadcrumb-button\"){visibility:visible}}}@layer theme, base, components, utilities;@layer components{.input-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;&:before{--tw-content:attr(value);content:var(--tw-content)}}.btn-primary{background-color:var(--atomic-primary);border-radius:var(--atomic-border-radius);color:var(--atomic-on-primary);&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}&:focus-visible{background-color:var(--atomic-primary-light)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{background-color:var(--atomic-disabled);cursor:not-allowed}}.btn-outline-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-primary);&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-neutral);cursor:not-allowed}}.btn-text-primary{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-primary);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-outline-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-error)}}&:hover{@media (hover:hover){color:var(--atomic-error)}}&:focus-visible{border-color:var(--atomic-error)}&:focus-visible{color:var(--atomic-error)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-text-transparent{color:var(--atomic-on-background);&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{color:var(--atomic-primary-light)}}.btn-square-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-page{border-style:var(--tw-border-style);border-width:0;display:grid;font-size:var(--atomic-text-lg);height:calc(var(--spacing, .25rem)*10);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));place-items:center;width:calc(var(--spacing, .25rem)*10);&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}&:focus-visible{border-style:var(--tw-border-style);border-width:1px}&.selected{border-color:var(--atomic-primary);border-style:var(--tw-border-style);border-width:2px;--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}}}@layer base{:host{display:block}:host,button,input,select{font-family:var(--atomic-font-family);font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}button{cursor:pointer}:host(.atomic-hidden){display:none}.ripple{animation:ripple var(--animation-duration) linear;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.ripple-relative{position:relative}.ripple-parent{overflow:hidden}@keyframes ripple{to{opacity:0;transform:scale(4)}}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@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}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"\";inherits:false;initial-value:100%}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"\";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:\"\";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:\"\";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}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";initial-value:\"\";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:\"\"}}}`;\nexport default css;","import { unsafeCSS } from 'lit';\nimport theme from \"../utils/coveo.tw.css\";\nimport styles from \"../utils/tailwind.global.tw.css\";\nconst tailwindPropertiesSheet = typeof window !== 'undefined'\n ? (() => {\n const propCss = styles;\n const fullCss = Array.isArray(propCss) ? propCss.join('') : propCss;\n // Extract only the variable definitions inside @layer properties\n const match = fullCss.match(/@layer\\s+properties\\s*{[^{}]*@supports[^{}]*{([^}]*)}|@layer\\s+properties\\s*{([^}]*)}/);\n const cssString = (match?.[1] || match?.[2] || '').trim();\n if (!cssString) {\n return null;\n }\n const wrappedCss = `@layer properties { ${cssString} }`;\n const sheet = new CSSStyleSheet();\n sheet.replaceSync(wrappedCss);\n return sheet;\n })()\n : null;\n// biome-ignore lint/suspicious/noExplicitAny: <>\nfunction injectTailwindProperties(element) {\n if (typeof window === 'undefined' || !tailwindPropertiesSheet)\n return;\n const parent = element.getRootNode();\n const isParentDocumentOrShadowRoot = parent instanceof Document || parent instanceof ShadowRoot;\n if (isParentDocumentOrShadowRoot) {\n if (!parent.adoptedStyleSheets.includes(tailwindPropertiesSheet)) {\n parent.adoptedStyleSheets?.push(tailwindPropertiesSheet);\n }\n }\n else {\n element.adoptedStyleSheets?.push(tailwindPropertiesSheet);\n }\n}\nexport const withTailwindStyles = (Base) => {\n return class extends Base {\n connectedCallback() {\n super.connectedCallback();\n injectTailwindProperties(this);\n }\n static get styles() {\n const baseStyles = [\n unsafeCSS(theme),\n unsafeCSS(styles),\n ];\n const customStyles = Base.styles;\n if (Array.isArray(customStyles)) {\n return [...baseStyles, ...customStyles];\n }\n if (customStyles) {\n return [...baseStyles, customStyles];\n }\n return baseStyles;\n }\n };\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles\";\n/**\n * The `atomic-component-error` component is used by other components to render and log errors.\n */\nlet AtomicComponentError = class AtomicComponentError extends LitElement {\n firstUpdated() {\n console.error(this.error, this.element);\n }\n render() {\n return html `\n
    \n

    \n ${this.element.nodeName.toLowerCase()} component error\n

    \n

    Look at the developer console for more information.

    \n
    \n `;\n }\n};\n__decorate([\n property({ type: Object })\n], AtomicComponentError.prototype, \"element\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicComponentError.prototype, \"error\", void 0);\nAtomicComponentError = __decorate([\n customElement('atomic-component-error'),\n withTailwindStyles\n], AtomicComponentError);\nexport { AtomicComponentError };\n","import { html } from 'lit';\nimport '../components/common/atomic-component-error/atomic-component-error';\n/**\n * A decorator that guards the render method of a LitElement component against errors.\n *\n * It wraps the render method and checks for an `error` property on the component.\n * If an error is present, it logs the error to the console and renders an error message.\n * Otherwise, it calls the original render method.\n *\n * @example\n * ```typescript\n * @errorGuard()\n * render() {\n * // ...\n * }\n * ```\n *\n * @returns A decorator function that wraps the render method with error handling logic.\n * @throws {Error} If the decorator is used on a method other than the render method.\n */\nexport function errorGuard() {\n return (_, propertyKey, descriptor) => {\n if (descriptor?.value === undefined || propertyKey !== 'render') {\n throw new Error('@errorGuard decorator can only be used on render method');\n }\n const originalMethod = descriptor.value;\n descriptor.value = function () {\n if (this.error) {\n return html ``;\n }\n return originalMethod.call(this);\n };\n return descriptor;\n };\n}\n","/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */\n\nconst {\n entries,\n setPrototypeOf,\n isFrozen,\n getPrototypeOf,\n getOwnPropertyDescriptor\n} = Object;\nlet {\n freeze,\n seal,\n create\n} = Object; // eslint-disable-line import/no-mutable-exports\nlet {\n apply,\n construct\n} = typeof Reflect !== 'undefined' && Reflect;\nif (!freeze) {\n freeze = function freeze(x) {\n return x;\n };\n}\nif (!seal) {\n seal = function seal(x) {\n return x;\n };\n}\nif (!apply) {\n apply = function apply(fun, thisValue, args) {\n return fun.apply(thisValue, args);\n };\n}\nif (!construct) {\n construct = function construct(Func, args) {\n return new Func(...args);\n };\n}\nconst arrayForEach = unapply(Array.prototype.forEach);\nconst arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);\nconst arrayPop = unapply(Array.prototype.pop);\nconst arrayPush = unapply(Array.prototype.push);\nconst arraySplice = unapply(Array.prototype.splice);\nconst stringToLowerCase = unapply(String.prototype.toLowerCase);\nconst stringToString = unapply(String.prototype.toString);\nconst stringMatch = unapply(String.prototype.match);\nconst stringReplace = unapply(String.prototype.replace);\nconst stringIndexOf = unapply(String.prototype.indexOf);\nconst stringTrim = unapply(String.prototype.trim);\nconst objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);\nconst regExpTest = unapply(RegExp.prototype.test);\nconst typeErrorCreate = unconstruct(TypeError);\n/**\n * Creates a new function that calls the given function with a specified thisArg and arguments.\n *\n * @param func - The function to be wrapped and called.\n * @returns A new function that calls the given function with a specified thisArg and arguments.\n */\nfunction unapply(func) {\n return function (thisArg) {\n if (thisArg instanceof RegExp) {\n thisArg.lastIndex = 0;\n }\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n return apply(func, thisArg, args);\n };\n}\n/**\n * Creates a new function that constructs an instance of the given constructor function with the provided arguments.\n *\n * @param func - The constructor function to be wrapped and called.\n * @returns A new function that constructs an instance of the given constructor function with the provided arguments.\n */\nfunction unconstruct(func) {\n return function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n return construct(func, args);\n };\n}\n/**\n * Add properties to a lookup table\n *\n * @param set - The set to which elements will be added.\n * @param array - The array containing elements to be added to the set.\n * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.\n * @returns The modified set with added elements.\n */\nfunction addToSet(set, array) {\n let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;\n if (setPrototypeOf) {\n // Make 'in' and truthy checks like Boolean(set.constructor)\n // independent of any properties defined on Object.prototype.\n // Prevent prototype setters from intercepting set as a this value.\n setPrototypeOf(set, null);\n }\n let l = array.length;\n while (l--) {\n let element = array[l];\n if (typeof element === 'string') {\n const lcElement = transformCaseFunc(element);\n if (lcElement !== element) {\n // Config presets (e.g. tags.js, attrs.js) are immutable.\n if (!isFrozen(array)) {\n array[l] = lcElement;\n }\n element = lcElement;\n }\n }\n set[element] = true;\n }\n return set;\n}\n/**\n * Clean up an array to harden against CSPP\n *\n * @param array - The array to be cleaned.\n * @returns The cleaned version of the array\n */\nfunction cleanArray(array) {\n for (let index = 0; index < array.length; index++) {\n const isPropertyExist = objectHasOwnProperty(array, index);\n if (!isPropertyExist) {\n array[index] = null;\n }\n }\n return array;\n}\n/**\n * Shallow clone an object\n *\n * @param object - The object to be cloned.\n * @returns A new object that copies the original.\n */\nfunction clone(object) {\n const newObject = create(null);\n for (const [property, value] of entries(object)) {\n const isPropertyExist = objectHasOwnProperty(object, property);\n if (isPropertyExist) {\n if (Array.isArray(value)) {\n newObject[property] = cleanArray(value);\n } else if (value && typeof value === 'object' && value.constructor === Object) {\n newObject[property] = clone(value);\n } else {\n newObject[property] = value;\n }\n }\n }\n return newObject;\n}\n/**\n * This method automatically checks if the prop is function or getter and behaves accordingly.\n *\n * @param object - The object to look up the getter function in its prototype chain.\n * @param prop - The property name for which to find the getter function.\n * @returns The getter function found in the prototype chain or a fallback function.\n */\nfunction lookupGetter(object, prop) {\n while (object !== null) {\n const desc = getOwnPropertyDescriptor(object, prop);\n if (desc) {\n if (desc.get) {\n return unapply(desc.get);\n }\n if (typeof desc.value === 'function') {\n return unapply(desc.value);\n }\n }\n object = getPrototypeOf(object);\n }\n function fallbackValue() {\n return null;\n }\n return fallbackValue;\n}\n\nconst html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);\nconst svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);\nconst svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);\n// List of SVG elements that are disallowed by default.\n// We still need to know them so that we can do namespace\n// checks properly in case one wants to add them to\n// allow-list.\nconst svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);\nconst mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);\n// Similarly to SVG, we want to know all MathML elements,\n// even those that we disallow by default.\nconst mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);\nconst text = freeze(['#text']);\n\nconst html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);\nconst svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);\nconst mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);\nconst xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);\n\n// eslint-disable-next-line unicorn/better-regex\nconst MUSTACHE_EXPR = seal(/\\{\\{[\\w\\W]*|[\\w\\W]*\\}\\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode\nconst ERB_EXPR = seal(/<%[\\w\\W]*|[\\w\\W]*%>/gm);\nconst TMPLIT_EXPR = seal(/\\$\\{[\\w\\W]*/gm); // eslint-disable-line unicorn/better-regex\nconst DATA_ATTR = seal(/^data-[\\-\\w.\\u00B7-\\uFFFF]+$/); // eslint-disable-line no-useless-escape\nconst ARIA_ATTR = seal(/^aria-[\\-\\w]+$/); // eslint-disable-line no-useless-escape\nconst IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\\-]+(?:[^a-z+.\\-:]|$))/i // eslint-disable-line no-useless-escape\n);\nconst IS_SCRIPT_OR_DATA = seal(/^(?:\\w+script|data):/i);\nconst ATTR_WHITESPACE = seal(/[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]/g // eslint-disable-line no-control-regex\n);\nconst DOCTYPE_NAME = seal(/^html$/i);\nconst CUSTOM_ELEMENT = seal(/^[a-z][.\\w]*(-[.\\w]+)+$/i);\n\nvar EXPRESSIONS = /*#__PURE__*/Object.freeze({\n __proto__: null,\n ARIA_ATTR: ARIA_ATTR,\n ATTR_WHITESPACE: ATTR_WHITESPACE,\n CUSTOM_ELEMENT: CUSTOM_ELEMENT,\n DATA_ATTR: DATA_ATTR,\n DOCTYPE_NAME: DOCTYPE_NAME,\n ERB_EXPR: ERB_EXPR,\n IS_ALLOWED_URI: IS_ALLOWED_URI,\n IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,\n MUSTACHE_EXPR: MUSTACHE_EXPR,\n TMPLIT_EXPR: TMPLIT_EXPR\n});\n\n/* eslint-disable @typescript-eslint/indent */\n// https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\nconst NODE_TYPE = {\n element: 1,\n attribute: 2,\n text: 3,\n cdataSection: 4,\n entityReference: 5,\n // Deprecated\n entityNode: 6,\n // Deprecated\n progressingInstruction: 7,\n comment: 8,\n document: 9,\n documentType: 10,\n documentFragment: 11,\n notation: 12 // Deprecated\n};\nconst getGlobal = function getGlobal() {\n return typeof window === 'undefined' ? null : window;\n};\n/**\n * Creates a no-op policy for internal use only.\n * Don't export this function outside this module!\n * @param trustedTypes The policy factory.\n * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).\n * @return The policy created (or null, if Trusted Types\n * are not supported or creating the policy failed).\n */\nconst _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {\n if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {\n return null;\n }\n // Allow the callers to control the unique policy name\n // by adding a data-tt-policy-suffix to the script element with the DOMPurify.\n // Policy creation with duplicate names throws in Trusted Types.\n let suffix = null;\n const ATTR_NAME = 'data-tt-policy-suffix';\n if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {\n suffix = purifyHostElement.getAttribute(ATTR_NAME);\n }\n const policyName = 'dompurify' + (suffix ? '#' + suffix : '');\n try {\n return trustedTypes.createPolicy(policyName, {\n createHTML(html) {\n return html;\n },\n createScriptURL(scriptUrl) {\n return scriptUrl;\n }\n });\n } catch (_) {\n // Policy creation failed (most likely another DOMPurify script has\n // already run). Skip creating the policy, as this will only cause errors\n // if TT are enforced.\n console.warn('TrustedTypes policy ' + policyName + ' could not be created.');\n return null;\n }\n};\nconst _createHooksMap = function _createHooksMap() {\n return {\n afterSanitizeAttributes: [],\n afterSanitizeElements: [],\n afterSanitizeShadowDOM: [],\n beforeSanitizeAttributes: [],\n beforeSanitizeElements: [],\n beforeSanitizeShadowDOM: [],\n uponSanitizeAttribute: [],\n uponSanitizeElement: [],\n uponSanitizeShadowNode: []\n };\n};\nfunction createDOMPurify() {\n let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();\n const DOMPurify = root => createDOMPurify(root);\n DOMPurify.version = '3.2.6';\n DOMPurify.removed = [];\n if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {\n // Not running in a browser, provide a factory function\n // so that you can pass your own Window\n DOMPurify.isSupported = false;\n return DOMPurify;\n }\n let {\n document\n } = window;\n const originalDocument = document;\n const currentScript = originalDocument.currentScript;\n const {\n DocumentFragment,\n HTMLTemplateElement,\n Node,\n Element,\n NodeFilter,\n NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,\n HTMLFormElement,\n DOMParser,\n trustedTypes\n } = window;\n const ElementPrototype = Element.prototype;\n const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');\n const remove = lookupGetter(ElementPrototype, 'remove');\n const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');\n const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');\n const getParentNode = lookupGetter(ElementPrototype, 'parentNode');\n // As per issue #47, the web-components registry is inherited by a\n // new document created via createHTMLDocument. As per the spec\n // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)\n // a new empty registry is used when creating a template contents owner\n // document, so we use that as our parent document to ensure nothing\n // is inherited.\n if (typeof HTMLTemplateElement === 'function') {\n const template = document.createElement('template');\n if (template.content && template.content.ownerDocument) {\n document = template.content.ownerDocument;\n }\n }\n let trustedTypesPolicy;\n let emptyHTML = '';\n const {\n implementation,\n createNodeIterator,\n createDocumentFragment,\n getElementsByTagName\n } = document;\n const {\n importNode\n } = originalDocument;\n let hooks = _createHooksMap();\n /**\n * Expose whether this browser supports running the full DOMPurify.\n */\n DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;\n const {\n MUSTACHE_EXPR,\n ERB_EXPR,\n TMPLIT_EXPR,\n DATA_ATTR,\n ARIA_ATTR,\n IS_SCRIPT_OR_DATA,\n ATTR_WHITESPACE,\n CUSTOM_ELEMENT\n } = EXPRESSIONS;\n let {\n IS_ALLOWED_URI: IS_ALLOWED_URI$1\n } = EXPRESSIONS;\n /**\n * We consider the elements and attributes below to be safe. Ideally\n * don't add any new ones but feel free to remove unwanted ones.\n */\n /* allowed element names */\n let ALLOWED_TAGS = null;\n const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);\n /* Allowed attribute names */\n let ALLOWED_ATTR = null;\n const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);\n /*\n * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.\n * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)\n * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)\n * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.\n */\n let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {\n tagNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n attributeNameCheck: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: null\n },\n allowCustomizedBuiltInElements: {\n writable: true,\n configurable: false,\n enumerable: true,\n value: false\n }\n }));\n /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */\n let FORBID_TAGS = null;\n /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */\n let FORBID_ATTR = null;\n /* Decide if ARIA attributes are okay */\n let ALLOW_ARIA_ATTR = true;\n /* Decide if custom data attributes are okay */\n let ALLOW_DATA_ATTR = true;\n /* Decide if unknown protocols are okay */\n let ALLOW_UNKNOWN_PROTOCOLS = false;\n /* Decide if self-closing tags in attributes are allowed.\n * Usually removed due to a mXSS issue in jQuery 3.0 */\n let ALLOW_SELF_CLOSE_IN_ATTR = true;\n /* Output should be safe for common template engines.\n * This means, DOMPurify removes data attributes, mustaches and ERB\n */\n let SAFE_FOR_TEMPLATES = false;\n /* Output should be safe even for XML used within HTML and alike.\n * This means, DOMPurify removes comments when containing risky content.\n */\n let SAFE_FOR_XML = true;\n /* Decide if document with ... should be returned */\n let WHOLE_DOCUMENT = false;\n /* Track whether config is already set on this instance of DOMPurify. */\n let SET_CONFIG = false;\n /* Decide if all elements (e.g. style, script) must be children of\n * document.body. By default, browsers might move them to document.head */\n let FORCE_BODY = false;\n /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported).\n * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead\n */\n let RETURN_DOM = false;\n /* Decide if a DOM `DocumentFragment` should be returned, instead of a html\n * string (or a TrustedHTML object if Trusted Types are supported) */\n let RETURN_DOM_FRAGMENT = false;\n /* Try to return a Trusted Type object instead of a string, return a string in\n * case Trusted Types are not supported */\n let RETURN_TRUSTED_TYPE = false;\n /* Output should be free from DOM clobbering attacks?\n * This sanitizes markups named with colliding, clobberable built-in DOM APIs.\n */\n let SANITIZE_DOM = true;\n /* Achieve full DOM Clobbering protection by isolating the namespace of named\n * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.\n *\n * HTML/DOM spec rules that enable DOM Clobbering:\n * - Named Access on Window (§7.3.3)\n * - DOM Tree Accessors (§3.1.5)\n * - Form Element Parent-Child Relations (§4.10.3)\n * - Iframe srcdoc / Nested WindowProxies (§4.8.5)\n * - HTMLCollection (§4.2.10.2)\n *\n * Namespace isolation is implemented by prefixing `id` and `name` attributes\n * with a constant string, i.e., `user-content-`\n */\n let SANITIZE_NAMED_PROPS = false;\n const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';\n /* Keep element content when removing element? */\n let KEEP_CONTENT = true;\n /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead\n * of importing it into a new Document and returning a sanitized copy */\n let IN_PLACE = false;\n /* Allow usage of profiles like html, svg and mathMl */\n let USE_PROFILES = {};\n /* Tags to ignore content of when KEEP_CONTENT is true */\n let FORBID_CONTENTS = null;\n const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);\n /* Tags that are safe for data: URIs */\n let DATA_URI_TAGS = null;\n const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);\n /* Attributes safe for values like \"javascript:\" */\n let URI_SAFE_ATTRIBUTES = null;\n const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);\n const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';\n const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';\n const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';\n /* Document namespace */\n let NAMESPACE = HTML_NAMESPACE;\n let IS_EMPTY_INPUT = false;\n /* Allowed XHTML+XML namespaces */\n let ALLOWED_NAMESPACES = null;\n const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);\n let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);\n let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);\n // Certain elements are allowed in both SVG and HTML\n // namespace. We need to specify them explicitly\n // so that they don't get erroneously deleted from\n // HTML namespace.\n const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);\n /* Parsing of strict XHTML documents */\n let PARSER_MEDIA_TYPE = null;\n const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];\n const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';\n let transformCaseFunc = null;\n /* Keep a reference to config to pass to hooks */\n let CONFIG = null;\n /* Ideally, do not touch anything below this line */\n /* ______________________________________________ */\n const formElement = document.createElement('form');\n const isRegexOrFunction = function isRegexOrFunction(testValue) {\n return testValue instanceof RegExp || testValue instanceof Function;\n };\n /**\n * _parseConfig\n *\n * @param cfg optional config literal\n */\n // eslint-disable-next-line complexity\n const _parseConfig = function _parseConfig() {\n let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n if (CONFIG && CONFIG === cfg) {\n return;\n }\n /* Shield configuration object from tampering */\n if (!cfg || typeof cfg !== 'object') {\n cfg = {};\n }\n /* Shield configuration object from prototype pollution */\n cfg = clone(cfg);\n PARSER_MEDIA_TYPE =\n // eslint-disable-next-line unicorn/prefer-includes\n SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;\n // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.\n transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;\n /* Set configuration parameters */\n ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;\n ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;\n ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;\n URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;\n DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;\n FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;\n FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});\n FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});\n USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;\n ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true\n ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true\n ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false\n ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true\n SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false\n SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true\n WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false\n RETURN_DOM = cfg.RETURN_DOM || false; // Default false\n RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false\n RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false\n FORCE_BODY = cfg.FORCE_BODY || false; // Default false\n SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true\n SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false\n KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true\n IN_PLACE = cfg.IN_PLACE || false; // Default false\n IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;\n NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;\n MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;\n HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;\n CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;\n }\n if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {\n CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;\n }\n if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {\n CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;\n }\n if (SAFE_FOR_TEMPLATES) {\n ALLOW_DATA_ATTR = false;\n }\n if (RETURN_DOM_FRAGMENT) {\n RETURN_DOM = true;\n }\n /* Parse profile info */\n if (USE_PROFILES) {\n ALLOWED_TAGS = addToSet({}, text);\n ALLOWED_ATTR = [];\n if (USE_PROFILES.html === true) {\n addToSet(ALLOWED_TAGS, html$1);\n addToSet(ALLOWED_ATTR, html);\n }\n if (USE_PROFILES.svg === true) {\n addToSet(ALLOWED_TAGS, svg$1);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n if (USE_PROFILES.svgFilters === true) {\n addToSet(ALLOWED_TAGS, svgFilters);\n addToSet(ALLOWED_ATTR, svg);\n addToSet(ALLOWED_ATTR, xml);\n }\n if (USE_PROFILES.mathMl === true) {\n addToSet(ALLOWED_TAGS, mathMl$1);\n addToSet(ALLOWED_ATTR, mathMl);\n addToSet(ALLOWED_ATTR, xml);\n }\n }\n /* Merge configuration parameters */\n if (cfg.ADD_TAGS) {\n if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {\n ALLOWED_TAGS = clone(ALLOWED_TAGS);\n }\n addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);\n }\n if (cfg.ADD_ATTR) {\n if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {\n ALLOWED_ATTR = clone(ALLOWED_ATTR);\n }\n addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);\n }\n if (cfg.ADD_URI_SAFE_ATTR) {\n addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);\n }\n if (cfg.FORBID_CONTENTS) {\n if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {\n FORBID_CONTENTS = clone(FORBID_CONTENTS);\n }\n addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);\n }\n /* Add #text in case KEEP_CONTENT is set to true */\n if (KEEP_CONTENT) {\n ALLOWED_TAGS['#text'] = true;\n }\n /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */\n if (WHOLE_DOCUMENT) {\n addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);\n }\n /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */\n if (ALLOWED_TAGS.table) {\n addToSet(ALLOWED_TAGS, ['tbody']);\n delete FORBID_TAGS.tbody;\n }\n if (cfg.TRUSTED_TYPES_POLICY) {\n if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {\n throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.');\n }\n if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {\n throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.');\n }\n // Overwrite existing TrustedTypes policy.\n trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;\n // Sign local variables required by `sanitize`.\n emptyHTML = trustedTypesPolicy.createHTML('');\n } else {\n // Uninitialized policy, attempt to initialize the internal dompurify policy.\n if (trustedTypesPolicy === undefined) {\n trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);\n }\n // If creating the internal policy succeeded sign internal variables.\n if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {\n emptyHTML = trustedTypesPolicy.createHTML('');\n }\n }\n // Prevent further manipulation of configuration.\n // Not available in IE8, Safari 5, etc.\n if (freeze) {\n freeze(cfg);\n }\n CONFIG = cfg;\n };\n /* Keep track of all possible SVG and MathML tags\n * so that we can perform the namespace checks\n * correctly. */\n const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);\n const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);\n /**\n * @param element a DOM element whose namespace is being checked\n * @returns Return false if the element has a\n * namespace that a spec-compliant parser would never\n * return. Return true otherwise.\n */\n const _checkValidNamespace = function _checkValidNamespace(element) {\n let parent = getParentNode(element);\n // In JSDOM, if we're inside shadow DOM, then parentNode\n // can be null. We just simulate parent in this case.\n if (!parent || !parent.tagName) {\n parent = {\n namespaceURI: NAMESPACE,\n tagName: 'template'\n };\n }\n const tagName = stringToLowerCase(element.tagName);\n const parentTagName = stringToLowerCase(parent.tagName);\n if (!ALLOWED_NAMESPACES[element.namespaceURI]) {\n return false;\n }\n if (element.namespaceURI === SVG_NAMESPACE) {\n // The only way to switch from HTML namespace to SVG\n // is via . If it happens via any other tag, then\n // it should be killed.\n if (parent.namespaceURI === HTML_NAMESPACE) {\n return tagName === 'svg';\n }\n // The only way to switch from MathML to SVG is via`\n // svg if parent is either or MathML\n // text integration points.\n if (parent.namespaceURI === MATHML_NAMESPACE) {\n return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);\n }\n // We only allow elements that are defined in SVG\n // spec. All others are disallowed in SVG namespace.\n return Boolean(ALL_SVG_TAGS[tagName]);\n }\n if (element.namespaceURI === MATHML_NAMESPACE) {\n // The only way to switch from HTML namespace to MathML\n // is via . If it happens via any other tag, then\n // it should be killed.\n if (parent.namespaceURI === HTML_NAMESPACE) {\n return tagName === 'math';\n }\n // The only way to switch from SVG to MathML is via\n // and HTML integration points\n if (parent.namespaceURI === SVG_NAMESPACE) {\n return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];\n }\n // We only allow elements that are defined in MathML\n // spec. All others are disallowed in MathML namespace.\n return Boolean(ALL_MATHML_TAGS[tagName]);\n }\n if (element.namespaceURI === HTML_NAMESPACE) {\n // The only way to switch from SVG to HTML is via\n // HTML integration points, and from MathML to HTML\n // is via MathML text integration points\n if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {\n return false;\n }\n if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {\n return false;\n }\n // We disallow tags that are specific for MathML\n // or SVG and should never appear in HTML namespace\n return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);\n }\n // For XHTML and XML documents that support custom namespaces\n if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {\n return true;\n }\n // The code should never reach this place (this means\n // that the element somehow got namespace that is not\n // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).\n // Return false just in case.\n return false;\n };\n /**\n * _forceRemove\n *\n * @param node a DOM node\n */\n const _forceRemove = function _forceRemove(node) {\n arrayPush(DOMPurify.removed, {\n element: node\n });\n try {\n // eslint-disable-next-line unicorn/prefer-dom-node-remove\n getParentNode(node).removeChild(node);\n } catch (_) {\n remove(node);\n }\n };\n /**\n * _removeAttribute\n *\n * @param name an Attribute name\n * @param element a DOM node\n */\n const _removeAttribute = function _removeAttribute(name, element) {\n try {\n arrayPush(DOMPurify.removed, {\n attribute: element.getAttributeNode(name),\n from: element\n });\n } catch (_) {\n arrayPush(DOMPurify.removed, {\n attribute: null,\n from: element\n });\n }\n element.removeAttribute(name);\n // We void attribute values for unremovable \"is\" attributes\n if (name === 'is') {\n if (RETURN_DOM || RETURN_DOM_FRAGMENT) {\n try {\n _forceRemove(element);\n } catch (_) {}\n } else {\n try {\n element.setAttribute(name, '');\n } catch (_) {}\n }\n }\n };\n /**\n * _initDocument\n *\n * @param dirty - a string of dirty markup\n * @return a DOM, filled with the dirty markup\n */\n const _initDocument = function _initDocument(dirty) {\n /* Create a HTML document */\n let doc = null;\n let leadingWhitespace = null;\n if (FORCE_BODY) {\n dirty = '' + dirty;\n } else {\n /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */\n const matches = stringMatch(dirty, /^[\\r\\n\\t ]+/);\n leadingWhitespace = matches && matches[0];\n }\n if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {\n // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)\n dirty = '' + dirty + '';\n }\n const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;\n /*\n * Use the DOMParser API by default, fallback later if needs be\n * DOMParser not work for svg when has multiple root element.\n */\n if (NAMESPACE === HTML_NAMESPACE) {\n try {\n doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);\n } catch (_) {}\n }\n /* Use createHTMLDocument in case DOMParser is not available */\n if (!doc || !doc.documentElement) {\n doc = implementation.createDocument(NAMESPACE, 'template', null);\n try {\n doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;\n } catch (_) {\n // Syntax error if dirtyPayload is invalid xml\n }\n }\n const body = doc.body || doc.documentElement;\n if (dirty && leadingWhitespace) {\n body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);\n }\n /* Work on whole document or just its body */\n if (NAMESPACE === HTML_NAMESPACE) {\n return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];\n }\n return WHOLE_DOCUMENT ? doc.documentElement : body;\n };\n /**\n * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.\n *\n * @param root The root element or node to start traversing on.\n * @return The created NodeIterator\n */\n const _createNodeIterator = function _createNodeIterator(root) {\n return createNodeIterator.call(root.ownerDocument || root, root,\n // eslint-disable-next-line no-bitwise\n NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);\n };\n /**\n * _isClobbered\n *\n * @param element element to check for clobbering attacks\n * @return true if clobbered, false if safe\n */\n const _isClobbered = function _isClobbered(element) {\n return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');\n };\n /**\n * Checks whether the given object is a DOM node.\n *\n * @param value object to check whether it's a DOM node\n * @return true is object is a DOM node\n */\n const _isNode = function _isNode(value) {\n return typeof Node === 'function' && value instanceof Node;\n };\n function _executeHooks(hooks, currentNode, data) {\n arrayForEach(hooks, hook => {\n hook.call(DOMPurify, currentNode, data, CONFIG);\n });\n }\n /**\n * _sanitizeElements\n *\n * @protect nodeName\n * @protect textContent\n * @protect removeChild\n * @param currentNode to check for permission to exist\n * @return true if node was killed, false if left alive\n */\n const _sanitizeElements = function _sanitizeElements(currentNode) {\n let content = null;\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeElements, currentNode, null);\n /* Check if element is clobbered or can clobber */\n if (_isClobbered(currentNode)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Now let's check the element's type and name */\n const tagName = transformCaseFunc(currentNode.nodeName);\n /* Execute a hook if present */\n _executeHooks(hooks.uponSanitizeElement, currentNode, {\n tagName,\n allowedTags: ALLOWED_TAGS\n });\n /* Detect mXSS attempts abusing namespace confusion */\n if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\\w!]/g, currentNode.textContent)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove any occurrence of processing instructions */\n if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove any kind of possibly harmful comments */\n if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\\w]/g, currentNode.data)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Remove element if anything forbids its presence */\n if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {\n /* Check if we have a custom element to handle */\n if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {\n if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {\n return false;\n }\n if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {\n return false;\n }\n }\n /* Keep content except for bad-listed elements */\n if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {\n const parentNode = getParentNode(currentNode) || currentNode.parentNode;\n const childNodes = getChildNodes(currentNode) || currentNode.childNodes;\n if (childNodes && parentNode) {\n const childCount = childNodes.length;\n for (let i = childCount - 1; i >= 0; --i) {\n const childClone = cloneNode(childNodes[i], true);\n childClone.__removalCount = (currentNode.__removalCount || 0) + 1;\n parentNode.insertBefore(childClone, getNextSibling(currentNode));\n }\n }\n }\n _forceRemove(currentNode);\n return true;\n }\n /* Check whether element has a valid namespace */\n if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Make sure that older browsers don't get fallback-tag mXSS */\n if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\\/no(script|embed|frames)/i, currentNode.innerHTML)) {\n _forceRemove(currentNode);\n return true;\n }\n /* Sanitize element content to be template-safe */\n if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {\n /* Get the element's text content */\n content = currentNode.textContent;\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n content = stringReplace(content, expr, ' ');\n });\n if (currentNode.textContent !== content) {\n arrayPush(DOMPurify.removed, {\n element: currentNode.cloneNode()\n });\n currentNode.textContent = content;\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeElements, currentNode, null);\n return false;\n };\n /**\n * _isValidAttribute\n *\n * @param lcTag Lowercase tag name of containing element.\n * @param lcName Lowercase attribute name.\n * @param value Attribute value.\n * @return Returns true if `value` is valid, otherwise false.\n */\n // eslint-disable-next-line complexity\n const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {\n /* Make sure attribute cannot clobber */\n if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {\n return false;\n }\n /* Allow valid data-* attributes: At least one character after \"-\"\n (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)\n XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)\n We don't need to check the value; it's always URI safe. */\n if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {\n if (\n // First condition does a very basic check if a) it's basically a valid custom element tagname AND\n // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck\n // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck\n _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||\n // Alternative, second condition checks if it's an `is`-attribute, AND\n // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck\n lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {\n return false;\n }\n /* Check value is safe. First, is attr inert? If so, is safe */\n } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {\n return false;\n } else ;\n return true;\n };\n /**\n * _isBasicCustomElement\n * checks if at least one dash is included in tagName, and it's not the first char\n * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name\n *\n * @param tagName name of the tag of the node to sanitize\n * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.\n */\n const _isBasicCustomElement = function _isBasicCustomElement(tagName) {\n return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);\n };\n /**\n * _sanitizeAttributes\n *\n * @protect attributes\n * @protect nodeName\n * @protect removeAttribute\n * @protect setAttribute\n *\n * @param currentNode to sanitize\n */\n const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);\n const {\n attributes\n } = currentNode;\n /* Check if we have attributes; if not we might have a text node */\n if (!attributes || _isClobbered(currentNode)) {\n return;\n }\n const hookEvent = {\n attrName: '',\n attrValue: '',\n keepAttr: true,\n allowedAttributes: ALLOWED_ATTR,\n forceKeepAttr: undefined\n };\n let l = attributes.length;\n /* Go backwards over all attributes; safely remove bad ones */\n while (l--) {\n const attr = attributes[l];\n const {\n name,\n namespaceURI,\n value: attrValue\n } = attr;\n const lcName = transformCaseFunc(name);\n const initValue = attrValue;\n let value = name === 'value' ? initValue : stringTrim(initValue);\n /* Execute a hook if present */\n hookEvent.attrName = lcName;\n hookEvent.attrValue = value;\n hookEvent.keepAttr = true;\n hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set\n _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);\n value = hookEvent.attrValue;\n /* Full DOM Clobbering protection via namespace isolation,\n * Prefix id and name attributes with `user-content-`\n */\n if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {\n // Remove the attribute with this value\n _removeAttribute(name, currentNode);\n // Prefix the value and later re-create the attribute with the sanitized value\n value = SANITIZE_NAMED_PROPS_PREFIX + value;\n }\n /* Work around a security issue with comments inside attributes */\n if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\\/(style|title)/i, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Did the hooks approve of the attribute? */\n if (hookEvent.forceKeepAttr) {\n continue;\n }\n /* Did the hooks approve of the attribute? */\n if (!hookEvent.keepAttr) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Work around a security issue in jQuery 3.0 */\n if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\\/>/i, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Sanitize attribute content to be template-safe */\n if (SAFE_FOR_TEMPLATES) {\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n value = stringReplace(value, expr, ' ');\n });\n }\n /* Is `value` valid for this attribute? */\n const lcTag = transformCaseFunc(currentNode.nodeName);\n if (!_isValidAttribute(lcTag, lcName, value)) {\n _removeAttribute(name, currentNode);\n continue;\n }\n /* Handle attributes that require Trusted Types */\n if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {\n if (namespaceURI) ; else {\n switch (trustedTypes.getAttributeType(lcTag, lcName)) {\n case 'TrustedHTML':\n {\n value = trustedTypesPolicy.createHTML(value);\n break;\n }\n case 'TrustedScriptURL':\n {\n value = trustedTypesPolicy.createScriptURL(value);\n break;\n }\n }\n }\n }\n /* Handle invalid data-* attribute set by try-catching it */\n if (value !== initValue) {\n try {\n if (namespaceURI) {\n currentNode.setAttributeNS(namespaceURI, name, value);\n } else {\n /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. \"x-schema\". */\n currentNode.setAttribute(name, value);\n }\n if (_isClobbered(currentNode)) {\n _forceRemove(currentNode);\n } else {\n arrayPop(DOMPurify.removed);\n }\n } catch (_) {\n _removeAttribute(name, currentNode);\n }\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);\n };\n /**\n * _sanitizeShadowDOM\n *\n * @param fragment to iterate over recursively\n */\n const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {\n let shadowNode = null;\n const shadowIterator = _createNodeIterator(fragment);\n /* Execute a hook if present */\n _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);\n while (shadowNode = shadowIterator.nextNode()) {\n /* Execute a hook if present */\n _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);\n /* Sanitize tags and elements */\n _sanitizeElements(shadowNode);\n /* Check attributes next */\n _sanitizeAttributes(shadowNode);\n /* Deep shadow DOM detected */\n if (shadowNode.content instanceof DocumentFragment) {\n _sanitizeShadowDOM(shadowNode.content);\n }\n }\n /* Execute a hook if present */\n _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);\n };\n // eslint-disable-next-line complexity\n DOMPurify.sanitize = function (dirty) {\n let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n let body = null;\n let importedNode = null;\n let currentNode = null;\n let returnNode = null;\n /* Make sure we have a string to sanitize.\n DO NOT return early, as this will return the wrong type if\n the user has requested a DOM object rather than a string */\n IS_EMPTY_INPUT = !dirty;\n if (IS_EMPTY_INPUT) {\n dirty = '';\n }\n /* Stringify, in case dirty is an object */\n if (typeof dirty !== 'string' && !_isNode(dirty)) {\n if (typeof dirty.toString === 'function') {\n dirty = dirty.toString();\n if (typeof dirty !== 'string') {\n throw typeErrorCreate('dirty is not a string, aborting');\n }\n } else {\n throw typeErrorCreate('toString is not a function');\n }\n }\n /* Return dirty HTML if DOMPurify cannot run */\n if (!DOMPurify.isSupported) {\n return dirty;\n }\n /* Assign config vars */\n if (!SET_CONFIG) {\n _parseConfig(cfg);\n }\n /* Clean up removed elements */\n DOMPurify.removed = [];\n /* Check if dirty is correctly typed for IN_PLACE */\n if (typeof dirty === 'string') {\n IN_PLACE = false;\n }\n if (IN_PLACE) {\n /* Do some early pre-sanitization to avoid unsafe root nodes */\n if (dirty.nodeName) {\n const tagName = transformCaseFunc(dirty.nodeName);\n if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {\n throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');\n }\n }\n } else if (dirty instanceof Node) {\n /* If dirty is a DOM element, append to an empty document to avoid\n elements being stripped by the parser */\n body = _initDocument('');\n importedNode = body.ownerDocument.importNode(dirty, true);\n if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {\n /* Node is already a body, use as is */\n body = importedNode;\n } else if (importedNode.nodeName === 'HTML') {\n body = importedNode;\n } else {\n // eslint-disable-next-line unicorn/prefer-dom-node-append\n body.appendChild(importedNode);\n }\n } else {\n /* Exit directly if we have nothing to do */\n if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&\n // eslint-disable-next-line unicorn/prefer-includes\n dirty.indexOf('<') === -1) {\n return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;\n }\n /* Initialize the document to work on */\n body = _initDocument(dirty);\n /* Check we have a DOM node from the data */\n if (!body) {\n return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';\n }\n }\n /* Remove first element node (ours) if FORCE_BODY is set */\n if (body && FORCE_BODY) {\n _forceRemove(body.firstChild);\n }\n /* Get node iterator */\n const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);\n /* Now start iterating over the created document */\n while (currentNode = nodeIterator.nextNode()) {\n /* Sanitize tags and elements */\n _sanitizeElements(currentNode);\n /* Check attributes next */\n _sanitizeAttributes(currentNode);\n /* Shadow DOM detected, sanitize it */\n if (currentNode.content instanceof DocumentFragment) {\n _sanitizeShadowDOM(currentNode.content);\n }\n }\n /* If we sanitized `dirty` in-place, return it. */\n if (IN_PLACE) {\n return dirty;\n }\n /* Return sanitized string or DOM */\n if (RETURN_DOM) {\n if (RETURN_DOM_FRAGMENT) {\n returnNode = createDocumentFragment.call(body.ownerDocument);\n while (body.firstChild) {\n // eslint-disable-next-line unicorn/prefer-dom-node-append\n returnNode.appendChild(body.firstChild);\n }\n } else {\n returnNode = body;\n }\n if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {\n /*\n AdoptNode() is not used because internal state is not reset\n (e.g. the past names map of a HTMLFormElement), this is safe\n in theory but we would rather not risk another attack vector.\n The state that is cloned by importNode() is explicitly defined\n by the specs.\n */\n returnNode = importNode.call(originalDocument, returnNode, true);\n }\n return returnNode;\n }\n let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;\n /* Serialize doctype if allowed */\n if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {\n serializedHTML = '\\n' + serializedHTML;\n }\n /* Sanitize final string template-safe */\n if (SAFE_FOR_TEMPLATES) {\n arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {\n serializedHTML = stringReplace(serializedHTML, expr, ' ');\n });\n }\n return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;\n };\n DOMPurify.setConfig = function () {\n let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n _parseConfig(cfg);\n SET_CONFIG = true;\n };\n DOMPurify.clearConfig = function () {\n CONFIG = null;\n SET_CONFIG = false;\n };\n DOMPurify.isValidAttribute = function (tag, attr, value) {\n /* Initialize shared config vars if necessary. */\n if (!CONFIG) {\n _parseConfig({});\n }\n const lcTag = transformCaseFunc(tag);\n const lcName = transformCaseFunc(attr);\n return _isValidAttribute(lcTag, lcName, value);\n };\n DOMPurify.addHook = function (entryPoint, hookFunction) {\n if (typeof hookFunction !== 'function') {\n return;\n }\n arrayPush(hooks[entryPoint], hookFunction);\n };\n DOMPurify.removeHook = function (entryPoint, hookFunction) {\n if (hookFunction !== undefined) {\n const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);\n return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];\n }\n return arrayPop(hooks[entryPoint]);\n };\n DOMPurify.removeHooks = function (entryPoint) {\n hooks[entryPoint] = [];\n };\n DOMPurify.removeAllHooks = function () {\n hooks = _createHooksMap();\n };\n return DOMPurify;\n}\nvar purify = createDOMPurify();\n\nexport { purify as default };\n//# sourceMappingURL=purify.es.mjs.map\n","import DOMPurify from 'dompurify';\n/**\n * Returns a function that can be executed only once\n */\nexport function once(fn) {\n let result;\n let callable = fn;\n return function (...args) {\n if (callable) {\n result = callable.apply(this, args);\n callable = null; // Allow garbage collection\n }\n return result;\n };\n}\nexport function camelToKebab(value) {\n return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\nexport function kebabToCamel(value) {\n return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\nexport function snakeToCamel(value) {\n return value\n .toLowerCase()\n .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));\n}\nexport function titleToKebab(value) {\n return value.replace(/\\s/g, '-').toLowerCase();\n}\nexport function randomID(prepend, length = 5) {\n const randomStr = Math.random()\n .toString(36)\n .substring(2, 2 + length);\n if (!prepend) {\n return randomStr;\n }\n return prepend + randomStr;\n}\nexport function getRandomArbitrary(min, max) {\n return Math.random() * (max - min) + min;\n}\nexport function parseXML(string) {\n return new window.DOMParser().parseFromString(string, 'text/xml');\n}\nexport function parseHTML(string) {\n return new window.DOMParser().parseFromString(string, 'text/html');\n}\nexport function isElementNode(node) {\n return node.nodeType === Node.ELEMENT_NODE;\n}\nexport function isTextNode(node) {\n return node.nodeType === Node.TEXT_NODE;\n}\nexport function isVisualNode(node) {\n if (isElementNode(node)) {\n return !(node instanceof HTMLStyleElement);\n }\n if (isTextNode(node)) {\n return !!node.textContent?.trim();\n }\n return false;\n}\nexport function containsVisualElement(node) {\n for (let i = 0; i < node.childNodes.length; i++) {\n const child = node.childNodes.item(i);\n if (isVisualNode(child)) {\n return true;\n }\n }\n return false;\n}\nexport function elementHasAncestorTag(el, tagName) {\n const parentElement = el.parentElement;\n if (!parentElement) {\n return false;\n }\n if (parentElement.tagName === tagName.toUpperCase()) {\n return true;\n }\n return elementHasAncestorTag(parentElement, tagName);\n}\nexport function sanitizeStyle(style) {\n const purifiedOuterHTML = DOMPurify.sanitize(``, {\n ALLOWED_TAGS: ['style'],\n ALLOWED_ATTR: [],\n FORCE_BODY: true,\n });\n const wrapperEl = document.createElement('div');\n // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n wrapperEl.innerHTML = purifiedOuterHTML;\n return wrapperEl.querySelector('style')?.innerHTML;\n}\nexport function getFocusedElement(rootElement = document) {\n const activeElement = rootElement.activeElement;\n if (activeElement?.shadowRoot) {\n return getFocusedElement(activeElement.shadowRoot) ?? activeElement;\n }\n return activeElement;\n}\nexport function isFocusingOut(event) {\n return (document.hasFocus() &&\n (!(event.relatedTarget instanceof Node) ||\n (event.currentTarget instanceof Node &&\n !event.currentTarget.contains(event.relatedTarget))));\n}\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nexport function isInDocument(element) {\n let currentElement = element;\n while (currentElement?.parentNode) {\n if (currentElement.parentNode === document) {\n return true;\n }\n else if (currentElement.parentNode instanceof ShadowRoot) {\n currentElement = currentElement.parentNode.host;\n }\n else {\n currentElement = currentElement.parentNode;\n }\n }\n return false;\n}\nexport function isPropValuesEqual(subject, target, propNames) {\n return propNames.every((propName) => subject[propName] === target[propName]);\n}\nexport function getParent(element) {\n if (element.parentNode) {\n return element.parentNode;\n }\n if (element instanceof ShadowRoot) {\n return element.host;\n }\n return null;\n}\nexport function isAncestorOf(ancestor, element) {\n if (element === ancestor) {\n return true;\n }\n if (element instanceof HTMLElement &&\n element.assignedSlot &&\n isAncestorOf(ancestor, element.assignedSlot)) {\n return true;\n }\n const parent = getParent(element);\n return parent === null ? false : isAncestorOf(ancestor, parent);\n}\nexport function aggregate(values, getKey) {\n return values.reduce((aggregatedValues, value, i) => {\n const key = getKey(value, i);\n if (!(key in aggregatedValues)) {\n aggregatedValues[key] = [];\n }\n aggregatedValues[key].push(value);\n return aggregatedValues;\n }, {});\n}\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nexport function spreadProperties(...objects) {\n const returnObject = {};\n for (const obj of objects) {\n Object.defineProperties(returnObject, Object.getOwnPropertyDescriptors(obj));\n }\n return returnObject;\n}\nexport const sortByDocumentPosition = (a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\nexport async function defer() {\n return new Promise((resolve) => setTimeout(resolve, 10));\n}\n","import { buildCustomEvent } from './event-utils';\nimport { defer } from './utils';\nexport class AriaLiveRegionController {\n constructor(host, regionName, assertive = false) {\n this.host = host;\n this.regionName = regionName;\n this.assertive = assertive;\n this.host.addController(this);\n }\n getAriaLiveElement() {\n const event = buildCustomEvent('atomic/accessibility/findAriaLive', {});\n document.dispatchEvent(event);\n const { element } = event.detail;\n return element;\n }\n dispatchMessage(message) {\n this.getAriaLiveElement()?.updateMessage(this.regionName, message, this.assertive);\n }\n set message(msg) {\n this.dispatchMessage(msg);\n }\n hostUpdate() {\n this.getAriaLiveElement()?.registerRegion(this.regionName, this.assertive);\n }\n}\nexport class FocusTargetController {\n constructor(host, bindings) {\n this.host = host;\n this.publicOnFocusCallbacks = [];\n this.doFocusAfterSearch = false;\n this.doFocusOnNextTarget = false;\n this.host = host;\n this.bindings = bindings;\n this.host.addController(this);\n }\n registerFocusCallback(callback) {\n this.publicOnFocusCallbacks.push(callback);\n }\n clearFocusCallbacks() {\n this.internalOnFocusCallback?.();\n while (this.publicOnFocusCallbacks.length) {\n this.publicOnFocusCallbacks.pop()?.();\n }\n }\n async setTarget(el) {\n if (!el) {\n return;\n }\n this.element = el;\n if (this.doFocusOnNextTarget) {\n this.doFocusOnNextTarget = false;\n await this.focus();\n }\n }\n async focus() {\n // Not sure why this is needed; should be investigated after Lit Migration (KIT-4235)\n await defer();\n this.element?.focus();\n this.clearFocusCallbacks();\n }\n focusAfterSearch() {\n this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);\n this.doFocusAfterSearch = true;\n return new Promise((resolve) => {\n this.internalOnFocusCallback = resolve;\n });\n }\n focusOnNextTarget() {\n this.doFocusOnNextTarget = true;\n return new Promise((resolve) => {\n this.internalOnFocusCallback = resolve;\n });\n }\n disableForCurrentSearch() {\n if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n this.lastSearchId) {\n this.doFocusAfterSearch = false;\n }\n }\n async hostUpdated() {\n if (this.doFocusAfterSearch &&\n this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n this.lastSearchId) {\n this.doFocusAfterSearch = false;\n if (this.element) {\n const el = this.element;\n // The focus seems to be flaky without deferring, especially on iOS; should be investigated after Lit Migration (KIT-4235)\n await defer().then(() => {\n el.focus();\n this.clearFocusCallbacks();\n });\n }\n }\n }\n}\nfunction isFocusable(element) {\n // Source: https://stackoverflow.com/a/30753870\n if (element.getAttribute('tabindex') === '-1') {\n return false;\n }\n if (element.hasAttribute('tabindex')) {\n return true;\n }\n if (element.getAttribute('contentEditable') === 'true') {\n return true;\n }\n switch (element.tagName) {\n case 'A':\n case 'AREA':\n return element.hasAttribute('href');\n case 'INPUT':\n case 'SELECT':\n case 'TEXTAREA':\n case 'BUTTON':\n return !element.hasAttribute('disabled');\n case 'IFRAME':\n return true;\n default:\n return false;\n }\n}\nexport function* getFocusableDescendants(element) {\n if (isFocusable(element)) {\n yield element;\n }\n let children = Array.from(element.children);\n if (element instanceof HTMLSlotElement) {\n children = element.assignedElements();\n }\n else if (element.shadowRoot) {\n children.push(...Array.from(element.shadowRoot.children));\n }\n for (const child of children) {\n yield* getFocusableDescendants(child);\n }\n}\nexport function getFirstFocusableDescendant(element) {\n return getFocusableDescendants(element).next().value ?? null;\n}\n","!function(t,e){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=e():\"function\"==typeof define&&define.amd?define(e):(t=\"undefined\"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){\"use strict\";var t=1e3,e=6e4,n=36e5,r=\"millisecond\",i=\"second\",s=\"minute\",u=\"hour\",a=\"day\",o=\"week\",c=\"month\",f=\"quarter\",h=\"year\",d=\"date\",l=\"Invalid Date\",$=/^(\\d{4})[-/]?(\\d{1,2})?[-/]?(\\d{0,2})[Tt\\s]*(\\d{1,2})?:?(\\d{1,2})?:?(\\d{1,2})?[.:]?(\\d+)?$/,y=/\\[([^\\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:\"en\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),ordinal:function(t){var e=[\"th\",\"st\",\"nd\",\"rd\"],n=t%100;return\"[\"+t+(e[(n-20)%10]||e[n]||e[0])+\"]\"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:\"\"+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?\"+\":\"-\")+m(r,2,\"0\")+\":\"+m(i,2,\"0\")},m:function t(e,n){if(e.date()1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n=\"object\"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if(\"string\"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||\"0\").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return b},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)68?1900:2e3)};var f=function(e){return function(t){this[e]=+t}},h=[/[+-]\\d\\d:?(\\d\\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if(\"Z\"===e)return 0;var t=e.match(/([+-]|\\d\\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:\"+\"===t[0]?-n:n}(e)}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?\"pm\":\"PM\");return n},c={A:[o,function(e){this.afternoon=d(e,!1)}],a:[o,function(e){this.afternoon=d(e,!0)}],Q:[n,function(e){this.month=3*(e-1)+1}],S:[n,function(e){this.milliseconds=100*+e}],SS:[r,function(e){this.milliseconds=10*+e}],SSS:[/\\d{3}/,function(e){this.milliseconds=+e}],s:[i,f(\"seconds\")],ss:[i,f(\"seconds\")],m:[i,f(\"minutes\")],mm:[i,f(\"minutes\")],H:[i,f(\"hours\")],h:[i,f(\"hours\")],HH:[i,f(\"hours\")],hh:[i,f(\"hours\")],D:[i,f(\"day\")],DD:[r,f(\"day\")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\\[|\\]/g,\"\")===e&&(this.day=r)}],w:[i,f(\"week\")],ww:[r,f(\"week\")],M:[i,f(\"month\")],MM:[r,f(\"month\")],MMM:[o,function(e){var t=u(\"months\"),n=(u(\"monthsShort\")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[o,function(e){var t=u(\"months\").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\\d+/,f(\"year\")],YY:[r,function(e){this.year=a(e)}],YYYY:[/\\d{4}/,f(\"year\")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\\[[^\\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\\[[^\\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f-1)return new Date((\"X\"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date(\"\")}}(t,a,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(\"\")),s={}}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(\"\"))}else i.call(this,e)}}}));","import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\ndayjs.extend(customParseFormat);\nexport function parseDate(date) {\n return dayjs(date);\n}\n/**\n * Parses a given timestamp into detailed date components.\n *\n * @function\n * @param {number} timestamp - The timestamp in milliseconds since January 1, 1970 (epoch time).\n * @returns {Object} An object containing the following date details:\n * - {number} year - The four-digit year (for example, 2024).\n * - {string} month - The full name of the month (for example, \"August\").\n * - {string} dayOfWeek - The abbreviated name of the day of the week (for example, \"Mon\").\n * - {number} day - The day of the month (for example, 26).\n * - {number} hours - The hour of the day in 24-hour format (0-23).\n * - {number} minutes - The minutes of the hour (0-59).\n */\nexport function parseTimestampToDateDetails(timestamp) {\n const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n const months = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ];\n const date = new Date(timestamp);\n const dayOfWeek = daysOfWeek[date.getDay()];\n const month = months[date.getMonth()];\n const day = date.getDate();\n const year = date.getFullYear();\n const hours = date.getHours();\n const minutes = date.getMinutes();\n return {\n year,\n month,\n dayOfWeek,\n day,\n hours,\n minutes,\n };\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { NumberValue, Schema } from '@eternal-baguette/bueno';\nimport { buildContext, buildProductListing, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { renderBreadcrumbButton } from \"../../common/breadbox/breadcrumb-button\";\nimport { renderBreadcrumbClearAll } from \"../../common/breadbox/breadcrumb-clear-all\";\nimport { renderBreadcrumbContainer } from \"../../common/breadbox/breadcrumb-container\";\nimport { renderBreadcrumbContent } from \"../../common/breadbox/breadcrumb-content\";\nimport { renderBreadcrumbShowLess } from \"../../common/breadbox/breadcrumb-show-less\";\nimport { renderBreadcrumbShowMore } from \"../../common/breadbox/breadcrumb-show-more\";\nimport { formatHumanReadable } from \"../../common/facets/numeric-facet/formatter\";\nimport { defaultCurrencyFormatter, defaultNumberFormatter, } from \"../../common/formats/format-common\";\nimport { ValidatePropsController } from \"../../common/validate-props-controller/validate-props-controller\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\nimport { AriaLiveRegionController, FocusTargetController, } from \"../../../utils/accessibility-utils\";\nimport { parseDate } from \"../../../utils/date-utils\";\nimport { getFieldValueCaption } from \"../../../utils/field-utils\";\n/**\n * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.\n *\n * @part container - The container of the whole component, list, and label.\n * @part breadcrumb-list-container - The container of the list of breadcrumb buttons.\n * @part breadcrumb-list - The list of breadcrumb buttons.\n * @part breadcrumb-button - A single breadcrumb button.\n * @part breadcrumb-label - The breadcrumb label, associated with the facet.\n * @part breadcrumb-value - The breadcrumb formatted value.\n * @part breadcrumb-clear - The button to clear individual filters.\n * @part show-more - The button to display all breadcrumbs.\n * @part show-less - The button to display less breadcrumbs.\n * @part label - The \"Filters\" label.\n * @part clear - The button to clear all filters.\n */\nlet AtomicCommerceBreadbox = class AtomicCommerceBreadbox extends LitElement {\n constructor() {\n super();\n this.lastRemovedBreadcrumbIndex = 0;\n this.numberOfBreadcrumbs = 0;\n this.numberOfCollapsedBreadcrumbs = 0;\n this.isCollapsed = true;\n this.showMoreText = '';\n this.breadboxAriaMessage = new AriaLiveRegionController(this, 'breadbox', true);\n /**\n * This prop allows you to control the display depth\n * of the path by specifying the number of parent or ancestor\n * breadcrumbs links relative to the currently selected value.\n *\n * If the path size is equal to or less than the pathLimit, all values in\n * the path will be displayed without truncation.\n *\n * If the path size exceeds the pathLimit, it will truncate the path by\n * replacing the middle values with ellipses ('...').\n *\n * Minimum: `1`\n * @defaultValue `3`\n */\n this.pathLimit = 3;\n this.valueForFacetType = (type, field, value) => {\n switch (type) {\n case 'numericalRange':\n return [\n formatHumanReadable({\n facetValue: value.value,\n logger: this.bindings.engine.logger,\n i18n: this.bindings.i18n,\n field: field,\n manualRanges: [],\n formatter: this.getNumberFormatter(field),\n }),\n ];\n case 'dateRange':\n return [\n this.bindings.i18n.t('to', {\n start: parseDate(value.value.start).format('YYYY-MM-DD'),\n end: parseDate(value.value.end).format('YYYY-MM-DD'),\n }),\n ];\n case 'hierarchical':\n return value.value.path.map((pathValue) => getFieldValueCaption(field, pathValue, this.bindings.i18n));\n case 'regular':\n return [\n getFieldValueCaption(field, value.value.value, this.bindings.i18n),\n ];\n default: {\n // TODO COMHUB-291 support location breadcrumb\n this.bindings.engine.logger.warn('Unexpected breadcrumb type.');\n return [];\n }\n }\n };\n new ValidatePropsController(this, () => ({ pathLimit: this.pathLimit }), new Schema({\n pathLimit: new NumberValue({\n default: 3,\n min: 1,\n required: false,\n }),\n }));\n }\n initialize() {\n if (this.bindings.interfaceElement.type === 'product-listing') {\n this.searchOrListing = buildProductListing(this.bindings.engine);\n }\n else {\n this.searchOrListing = buildSearch(this.bindings.engine);\n }\n this.context = buildContext(this.bindings.engine);\n this.breadcrumbManager = this.searchOrListing.breadcrumbManager();\n if (window.ResizeObserver && this.parentElement) {\n this.resizeObserver = new ResizeObserver(() => this.adaptBreadcrumbs());\n this.resizeObserver.observe(this.parentElement);\n }\n this.breadcrumbRemovedFocus = new FocusTargetController(this, this.bindings);\n this.breadcrumbShowMoreFocus = new FocusTargetController(this, this.bindings);\n this.breadcrumbShowLessFocus = new FocusTargetController(this, this.bindings);\n }\n updated() {\n this.adaptBreadcrumbs();\n }\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n get breadcrumbs() {\n return Array.from(this.shadowRoot.querySelectorAll('li.breadcrumb'));\n }\n get showMoreButton() {\n return this.shadowRoot.querySelector('button[part=\"show-more\"]');\n }\n get showLessButton() {\n return this.shadowRoot.querySelector('button[part=\"show-less\"]');\n }\n hide(element) {\n element.style.display = 'none';\n }\n show(element) {\n element.style.display = '';\n }\n showAllBreadcrumbs() {\n this.breadcrumbs.forEach((breadcrumb) => this.show(breadcrumb));\n }\n adaptBreadcrumbs() {\n if (!this.breadcrumbs.length) {\n return;\n }\n this.showAllBreadcrumbs();\n if (!this.isCollapsed) {\n this.updateShowLessDisplay();\n return;\n }\n this.hideOverflowingBreadcrumbs();\n }\n updateShowLessDisplay() {\n this.show(this.showLessButton);\n if (this.showLessButton.offsetTop === 0) {\n this.hide(this.showLessButton);\n }\n }\n hideOverflowingBreadcrumbs() {\n let hiddenBreadcrumbs = 0;\n for (let i = this.breadcrumbs.length - 1; this.isOverflowing && i >= 0; i--) {\n this.hide(this.breadcrumbs[i]);\n hiddenBreadcrumbs++;\n }\n this.updateShowMoreValue(hiddenBreadcrumbs);\n }\n get isOverflowing() {\n const listElement = this.shadowRoot.querySelector('ul');\n if (!listElement) {\n return false;\n }\n return listElement.scrollWidth > listElement.clientWidth;\n }\n updateShowMoreValue(value) {\n this.numberOfCollapsedBreadcrumbs = value;\n if (value === 0) {\n this.hide(this.showMoreButton);\n return;\n }\n this.show(this.showMoreButton);\n this.showMoreText = `+ ${value.toLocaleString(this.bindings.i18n.language)}`;\n }\n getNumberFormatter(field) {\n if (field === 'ec_price' || field === 'ec_promo_price') {\n return defaultCurrencyFormatter(this.contextState.currency);\n }\n return defaultNumberFormatter;\n }\n buildBreadcrumb(breadcrumb) {\n return breadcrumb.values.map((value) => {\n return {\n facetId: breadcrumb.facetId,\n label: breadcrumb.facetDisplayName ?? this.bindings.i18n.t('no-label'),\n deselect: value.deselect,\n formattedValue: this.valueForFacetType(breadcrumb.type, breadcrumb.facetId, value),\n };\n });\n }\n renderBreadcrumbs(breadcrumbs) {\n this.numberOfBreadcrumbs = breadcrumbs.length;\n return breadcrumbs.map((breadcrumb, index) => {\n const isLastBreadcrumb = breadcrumbs.length === 1;\n return html `${renderBreadcrumbButton({\n props: {\n pathLimit: this.pathLimit,\n breadcrumb,\n i18n: this.bindings.i18n,\n onSelectBreadcrumb: () => {\n if (isLastBreadcrumb) {\n this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n }\n else if (this.numberOfBreadcrumbs > 1) {\n this.breadcrumbRemovedFocus.focusAfterSearch();\n }\n this.lastRemovedBreadcrumbIndex = index;\n breadcrumb.deselect();\n },\n refCallback: async (ref) => {\n if (this.lastRemovedBreadcrumbIndex === index) {\n await this.breadcrumbRemovedFocus.setTarget(ref);\n }\n if (this.firstExpandedBreadcrumbIndex === index) {\n await this.breadcrumbShowMoreFocus.setTarget(ref);\n }\n },\n ariaController: this.breadboxAriaMessage,\n },\n })(html `${renderBreadcrumbContent({\n props: {\n pathLimit: this.pathLimit,\n isCollapsed: this.isCollapsed,\n i18n: this.bindings.i18n,\n breadcrumb,\n },\n })}`)}`;\n });\n }\n render() {\n const breadcrumbs = this.breadcrumbManagerState.facetBreadcrumbs.flatMap((breadcrumb) => {\n return this.buildBreadcrumb(breadcrumb);\n });\n if (!breadcrumbs.length) {\n return html `${nothing}`;\n }\n return html `${renderBreadcrumbContainer({\n props: {\n isCollapsed: this.isCollapsed,\n i18n: this.bindings.i18n,\n },\n })(html `${this.renderBreadcrumbs(breadcrumbs)}\n ${renderBreadcrumbShowMore({\n props: {\n refCallback: async (el) => {\n await this.breadcrumbShowLessFocus.setTarget(el);\n },\n onShowMore: () => {\n this.firstExpandedBreadcrumbIndex =\n this.numberOfBreadcrumbs - this.numberOfCollapsedBreadcrumbs;\n this.breadcrumbShowMoreFocus.focusOnNextTarget();\n this.isCollapsed = false;\n },\n isCollapsed: this.isCollapsed,\n i18n: this.bindings.i18n,\n numberOfCollapsedBreadcrumbs: this.numberOfCollapsedBreadcrumbs,\n value: this.showMoreText,\n ariaLabel: this.bindings.i18n.t('show-n-more-filters', {\n value: this.showMoreText,\n }),\n },\n })}\n ${renderBreadcrumbShowLess({\n props: {\n onShowLess: () => {\n this.breadcrumbShowLessFocus.focusOnNextTarget();\n this.isCollapsed = true;\n },\n isCollapsed: this.isCollapsed,\n i18n: this.bindings.i18n,\n },\n })}\n ${renderBreadcrumbClearAll({\n props: {\n refCallback: async (ref) => {\n const isFocusTarget = this.lastRemovedBreadcrumbIndex === this.numberOfBreadcrumbs;\n if (isFocusTarget) {\n await this.breadcrumbRemovedFocus.setTarget(ref);\n }\n },\n onClick: () => {\n this.breadcrumbManager.deselectAll();\n this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n },\n isCollapsed: this.isCollapsed,\n i18n: this.bindings.i18n,\n },\n })} `)}`;\n }\n};\nAtomicCommerceBreadbox.styles = [\n css``,\n];\n__decorate([\n bindStateToController('context'),\n state()\n], AtomicCommerceBreadbox.prototype, \"contextState\", void 0);\n__decorate([\n bindStateToController('breadcrumbManager'),\n state()\n], AtomicCommerceBreadbox.prototype, \"breadcrumbManagerState\", void 0);\n__decorate([\n state()\n], AtomicCommerceBreadbox.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicCommerceBreadbox.prototype, \"isCollapsed\", void 0);\n__decorate([\n state()\n], AtomicCommerceBreadbox.prototype, \"showMoreText\", void 0);\n__decorate([\n property({ type: Number, attribute: 'path-limit' })\n], AtomicCommerceBreadbox.prototype, \"pathLimit\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceBreadbox.prototype, \"render\", null);\nAtomicCommerceBreadbox = __decorate([\n customElement('atomic-commerce-breadbox'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceBreadbox);\nexport { AtomicCommerceBreadbox };\n","import { html } from 'lit';\nexport const renderFacetContainer = () => (children) => html `\n \n ${children}\n \n `;\n","/**\n * A decorator that observes changes to a specified property (e.g. @property or @state) and invokes the decorated method when the property changes.\n *\n * It allows you to specify a property to watch, and when that property changes, the decorated method is called with the old and new values of the property.\n *\n * The decorated method is called before the component updates. To wait for the update to complete, use `await this.updateComplete`\n * within the handler method. To start watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or check `this.hasUpdated`.\n *\n * Usage:\n *\n * @watch('propName')\n * handlePropChange(oldValue, newValue) {\n * ...\n * }\n * This decorator was adapted from the Shoelace library.:\n * https://github.com/shoelace-style/shoelace/blob/next/src/internal/watch.ts\n */\nexport function watch(propName, options) {\n const resolvedOptions = {\n waitUntilFirstUpdate: true,\n ...options,\n };\n return (target, decoratedFnName) => {\n // @ts-expect-error - update is a protected property\n const { update } = target;\n // @ts-expect-error - update is a protected property\n target.update = function (changedProps) {\n if (changedProps.has(propName)) {\n const oldValue = changedProps.get(propName);\n const newValue = this[propName];\n if (oldValue !== newValue) {\n if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n this[decoratedFnName](oldValue, newValue);\n }\n }\n }\n update.call(this, changedProps);\n };\n };\n}\n","export function rectEquals(r1, r2) {\n return (r1.x === r2.x &&\n r1.y === r2.y &&\n r1.width === r2.width &&\n r1.height === r2.height);\n}\nexport function parentNodeToString(node) {\n return Array.from(node.children)\n .map((child) => child.outerHTML)\n .join('');\n}\nexport function closest(element, selector) {\n if (!element) {\n return null;\n }\n if (element.matches(selector)) {\n return element;\n }\n if (element.parentNode instanceof ShadowRoot) {\n return closest(element.parentNode.host, selector);\n }\n return closest(element.parentElement, selector);\n}\n","function getWindow() {\n return window;\n}\nfunction getInitQueueNamespace() {\n if (!getWindow().initQueueNamespace) {\n getWindow().initQueueNamespace = {\n eventQueueMap: new Map(),\n parentReadyMap: new Map(),\n };\n }\n return getWindow().initQueueNamespace;\n}\nfunction getEventQueueMap() {\n return getInitQueueNamespace().eventQueueMap;\n}\nfunction getParentReadyMap() {\n return getInitQueueNamespace().parentReadyMap;\n}\nexport function markParentAsReady(parent) {\n const parentReadyMap = getParentReadyMap();\n parentReadyMap.set(parent, true);\n const eventQueueMap = getEventQueueMap();\n const eventQueue = eventQueueMap.get(parent) || [];\n eventQueue.reverse();\n while (eventQueue.length > 0) {\n const { event, element } = eventQueue.pop();\n element.dispatchEvent(event);\n }\n parent.dispatchEvent(new CustomEvent('atomic/parentReady', { bubbles: true }));\n eventQueueMap.delete(parent);\n}\nexport function isParentReady(parent) {\n const parentReadyMap = getParentReadyMap();\n return parentReadyMap.get(parent) || false;\n}\nexport function queueEventForParent(parent, event, element) {\n const eventQueueMap = getEventQueueMap();\n if (!eventQueueMap.has(parent)) {\n eventQueueMap.set(parent, []);\n }\n eventQueueMap.get(parent).push({ event, element });\n}\nexport function enqueueOrDispatchInitializationEvent(parent, event, element) {\n if (isParentReady(parent)) {\n element.dispatchEvent(event);\n }\n else {\n queueEventForParent(parent, event, element);\n }\n}\n","import { closest } from './dom-utils';\nimport { buildCustomEvent } from './event-utils';\nimport { enqueueOrDispatchInitializationEvent } from './init-queue';\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function fetchBindings(element) {\n return new Promise((resolve, reject) => {\n const event = buildCustomEvent(initializeEventName, (bindings) => resolve(bindings));\n const parent = closest(element, initializableElements.join(', '));\n if (!parent) {\n reject(new MissingInterfaceParentError(element.nodeName.toLowerCase()));\n return;\n }\n enqueueOrDispatchInitializationEvent(parent, event, element);\n });\n}\nexport class MissingInterfaceParentError extends Error {\n constructor(elementName) {\n super(`The \"${elementName}\" element must be the child of the following elements: ${initializableElements.join(', ')}`);\n }\n}\nexport const initializableElements = [\n 'atomic-recs-interface',\n 'atomic-search-interface',\n 'atomic-commerce-interface',\n 'atomic-commerce-recommendation-interface',\n 'atomic-relevance-inspector',\n 'atomic-insight-interface',\n 'atomic-external',\n];\nexport const initializeEventName = 'atomic/initializeComponent';\n","import { fetchBindings } from '../utils/initialization-lit-stencil-common-utils';\nfunction initializeBindings(instance) {\n return new Promise((resolve, reject) => {\n instance.initialized = true;\n fetchBindings(instance)\n .then((bindings) => {\n instance.bindings = bindings;\n const updateLanguage = () => instance.requestUpdate();\n instance.bindings?.i18n?.on('languageChanged', updateLanguage);\n const unsubscribeLanguage = () => instance.bindings?.i18n?.off('languageChanged', updateLanguage);\n resolve(unsubscribeLanguage);\n instance.initialize?.();\n })\n .catch((error) => {\n instance.error = error;\n reject(error);\n });\n });\n}\n/**\n * The `BindingController` is a Lit reactive controller that fetches bindings\n * and adds them to the host class. It ensures that the bindings are initialized\n * when the host element is connected to the DOM and cleaned up when the host\n * element is disconnected.\n *\n * To fetch the bindings, the host must extend the `InitializeBindingsMixin` mixin.\n * If the host class does not extend the mixin, the host class must instantiate the this controller in the Constructor\n * @example\n * ```ts\n * constructor() {\n * super();\n * new BindingController(this);\n * }\n * ```\n *\n */\nexport class BindingController {\n constructor(host) {\n this.unsubscribeLanguage = () => { };\n this.host = host;\n this.host.addController(this);\n }\n hostConnected() {\n initializeBindings(this.host)\n .then((unsubscribeLanguage) => {\n this.unsubscribeLanguage = unsubscribeLanguage;\n })\n .catch((error) => {\n this.host = error;\n });\n }\n hostDisconnected() {\n this.unsubscribeLanguage();\n }\n}\n/**\n * Mixin that initializes bindings for a Lit component.\n * It ensures that the bindings are initialized when the host element is instantiated\n * by creating an instance of the `BindingController`.\n *\n * @param superClass - The LitElement class to extend.\n * @returns A class that extends the superclass with bindings initialization.\n *\n * @example\n * ```ts\n * @customElement('my-element')\n * class MyElement extends InitializeBindingsMixin(LitElement) implements InitializableComponent {\n * public bindings?: AnyBindings;\n * }\n * ```\n */\nexport const InitializeBindingsMixin = (superClass) => {\n class BindingControllerMixinClass extends superClass {\n // biome-ignore lint/suspicious/noExplicitAny: <>\n constructor(...args) {\n super(...args);\n this.initBindings();\n }\n initBindings() {\n new BindingController(this);\n }\n }\n return BindingControllerMixinClass;\n};\n","/**\n * Mixin that provides dynamic styles injection functionality for components that do not use Shadow DOM.\n *\n * Usage:\n * class MyComponent extends LightDomMixin(LitElement) {\n * static styles = css`div { color: blue; }`;\n * render() { return html`
    content
    `; }\n * }\n *\n * Features:\n * - Automatically injects static styles from the component's `styles` property in `connectedCallback`\n * - Exposes an `injectStyles` method that can be called manually with dynamic styles\n * - Prevents duplicate style injection by checking for existing style sheets\n * - Overrides `createRenderRoot` to return `this` (disabling Shadow DOM)\n *\n * @param superClass - The base class to extend (must be a LitElement constructor)\n * @returns A class that extends the superClass with dynamic styles injection functionality\n */\nexport const LightDomMixin = (superClass) => {\n class LightDomMixinClass extends superClass {\n createRenderRoot() {\n return this;\n }\n connectedCallback() {\n super.connectedCallback();\n this.injectStyles();\n }\n /**\n * Injects styles into the document or shadow root.\n *\n * When called without arguments, injects the component's static styles.\n * When called with dynamic styles, injects both static and dynamic styles.\n *\n * @param dynamicStyles - Optional dynamic styles to inject along with static styles\n */\n async injectStyles(dynamicStyles) {\n const parent = this.getRootNode();\n const isDocumentOrShadowRoot = parent instanceof Document || parent instanceof ShadowRoot;\n if (!isDocumentOrShadowRoot) {\n return;\n }\n const constructorStyles = this.constructor.styles;\n const staticStyles = Array.isArray(constructorStyles)\n ? constructorStyles\n : [constructorStyles];\n const dynamicStylesArray = Array.isArray(dynamicStyles)\n ? dynamicStyles\n : [dynamicStyles];\n const allStyles = [...staticStyles, ...dynamicStylesArray];\n for (const style of allStyles) {\n if (style) {\n const styleSheet = this.getStyleSheet(style);\n if (styleSheet && !parent.adoptedStyleSheets.includes(styleSheet)) {\n parent.adoptedStyleSheets.push(styleSheet);\n }\n }\n }\n }\n getStyleSheet(style) {\n if (style instanceof CSSStyleSheet) {\n return style;\n }\n if (style && typeof style === 'object' && 'styleSheet' in style) {\n return style.styleSheet;\n }\n return null;\n }\n }\n return LightDomMixinClass;\n};\n","const cdnURLs = [\n 'https://staticdev.cloud.coveo.com',\n 'https://staticstg.cloud.coveo.com',\n 'https://static.cloud.coveo.com',\n 'http://localhost:3000',\n];\nfunction isCoveoCDN() {\n return cdnURLs.includes(new URL(import.meta.url).origin);\n}\nfunction getCoveoCdnResourceUrl() {\n return import.meta.resolve('./');\n}\nexport const getResourceUrl = () => isCoveoCDN() ? getCoveoCdnResourceUrl() : undefined;\n","import { getResourceUrl } from './resource-url-utils';\nexport function getAssetPath(path) {\n const resourceUrl = getResourceUrl();\n const baseUrl = resourceUrl !== undefined\n ? new URL('./', resourceUrl).href\n : new URL('./', window.document.baseURI).href;\n const assetUrl = new URL(path, baseUrl);\n return assetUrl.origin !== window.location.origin\n ? assetUrl.href\n : assetUrl.pathname;\n}\nexport function parseAssetURL(url, assetPath = './assets') {\n const [, protocol, remainder] = url.match(/^([a-z]+):\\/\\/(.*?)(\\.svg)?$/) || [];\n if (!protocol) {\n if (url.startsWith('./') || url.startsWith('../')) {\n return url;\n }\n return null;\n }\n if (protocol === 'http' || protocol === 'https') {\n return url;\n }\n if (protocol === 'assets') {\n return getAssetPath(`${assetPath}/${remainder}.svg`);\n }\n return null;\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport DOMPurify from 'dompurify';\nimport { css, LitElement, svg } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { guard } from 'lit/directives/guard.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { watch } from \"../../../decorators/watch\";\nimport { InitializeBindingsMixin } from \"../../../mixins/bindings-mixin\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\nimport { parseAssetURL } from \"../../../utils/asset-path-utils\";\nclass IconFetchError extends Error {\n static fromStatusCode(url, statusCode, statusText) {\n return new IconFetchError(url, `status code ${statusCode} (${statusText})`);\n }\n static fromError(url, error) {\n return new IconFetchError(url, 'an error', error);\n }\n constructor(url, errorMessage, errorObject) {\n super(`Could not fetch icon from ${url}, got ${errorMessage}.`);\n this.url = url;\n this.errorObject = errorObject;\n }\n}\n/**\n * The `atomic-icon` component displays an SVG icon with a 1:1 aspect ratio.\n *\n * This component can display an icon from those available in the Atomic package, from a specific location, or as an inline SVG element.\n */\nlet AtomicIcon = class AtomicIcon extends LightDomMixin(InitializeBindingsMixin(LitElement)) {\n constructor() {\n super(...arguments);\n this.svg = null;\n }\n async fetchIcon(url) {\n try {\n const response = await fetch(url).catch((e) => {\n throw IconFetchError.fromError(url, e);\n });\n if (response.status !== 200 && response.status !== 304) {\n throw IconFetchError.fromStatusCode(url, response.status, response.statusText);\n }\n return await response.text();\n }\n catch (e) {\n this.error = e;\n this.requestUpdate();\n return null;\n }\n }\n validateSVG(svg) {\n if (!/^$/gm.test(svg)) {\n this.bindings.engine.logger.warn('The inline \"icon\" prop is not an svg element. You may encounter rendering issues.');\n }\n }\n async getIcon() {\n if (!this.bindings) {\n return null;\n }\n const url = parseAssetURL(this.icon, this.bindings.store.state.iconAssetsPath);\n const svg = url ? await this.fetchIcon(url) : this.icon;\n if (svg) {\n this.validateSVG(svg);\n }\n const sanitizedSvg = svg\n ? DOMPurify.sanitize(svg, {\n USE_PROFILES: { svg: true, svgFilters: true },\n })\n : null;\n return sanitizedSvg;\n }\n async updateIcon() {\n const svgPromise = this.getIcon();\n this.svg = await svgPromise;\n }\n async initialize() {\n await this.updateIcon();\n }\n render() {\n this.ariaHidden = 'true';\n return svg `${guard([this.svg], () => unsafeSVG(this.svg))}`;\n }\n};\nAtomicIcon.styles = css`@layer components{atomic-icon{aspect-ratio:1/1;display:inline-block;fill:currentColor;height:auto;@supports not (aspect-ratio:1/1){height:auto}>svg{aspect-ratio:1/1;height:auto;max-height:100%;width:100%}}}`;\n__decorate([\n property({ type: String, reflect: true })\n], AtomicIcon.prototype, \"icon\", void 0);\n__decorate([\n state()\n], AtomicIcon.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicIcon.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicIcon.prototype, \"svg\", void 0);\n__decorate([\n watch('icon')\n], AtomicIcon.prototype, \"updateIcon\", null);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicIcon.prototype, \"render\", null);\nAtomicIcon = __decorate([\n customElement('atomic-icon')\n], AtomicIcon);\nexport { AtomicIcon };\n","import { ifDefined } from 'lit/directives/if-defined.js';\nimport { html, literal, unsafeStatic } from 'lit/static-html.js';\nexport const renderHeading = ({ props }) => (children) => {\n const { level, class: classname, part } = props;\n const headingTag = level > 0 && level <= 6 ? unsafeStatic(`h${level}`) : literal `div`;\n return html `<${headingTag} class=\"${ifDefined(classname)}\" part=\"${ifDefined(part)}\">\n ${children}\n `;\n};\n","import { html, nothing } from 'lit';\nimport { when } from 'lit/directives/when.js';\nconst ArrowBottomIcon = \"\";\nconst ArrowTopIcon = \"\";\nconst CloseIcon = \"\";\nimport '../../atomic-icon/atomic-icon';\nimport { renderButton } from '../../button';\nimport { renderHeading } from '../../heading';\nexport const renderFacetHeader = ({ props, }) => {\n const label = props.i18n.t(props.label);\n const expandFacet = props.i18n.t('expand-facet', { label });\n const collapseFacet = props.i18n.t('collapse-facet', { label });\n const clearFilters = props.i18n.t('clear-filters', {\n count: props.numberOfActiveValues,\n });\n const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {\n count: props.numberOfActiveValues,\n label,\n });\n return html `\n ${renderButton({\n props: {\n part: 'label-button',\n style: 'text-transparent',\n class: 'flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold',\n ariaLabel: props.isCollapsed ? expandFacet : collapseFacet,\n onClick: props.onToggleCollapse,\n ariaExpanded: props.isCollapsed ? 'false' : 'true',\n ref: (el) => props.headerRef?.(el),\n },\n })(html `${renderHeading({\n props: { level: props.headingLevel, class: 'truncate' },\n })(html `${label}`)}\n `)}\n ${when(props.onClearFilters && props.numberOfActiveValues > 0, () => html `${renderButton({\n props: {\n part: 'clear-button',\n style: 'text-primary',\n class: 'flex max-w-full items-baseline p-2 text-sm',\n ariaLabel: clearFiltersForFacet,\n onClick: props.onClearFilters,\n },\n })(html `\n ${clearFilters}`)}`, () => nothing)}\n `;\n};\n","/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n var str = '' + string;\n var match = matchHtmlRegExp.exec(str);\n\n if (!match) {\n return str;\n }\n\n var escape;\n var html = '';\n var index = 0;\n var lastIndex = 0;\n\n for (index = match.index; index < str.length; index++) {\n switch (str.charCodeAt(index)) {\n case 34: // \"\n escape = '"';\n break;\n case 38: // &\n escape = '&';\n break;\n case 39: // '\n escape = ''';\n break;\n case 60: // <\n escape = '<';\n break;\n case 62: // >\n escape = '>';\n break;\n default:\n continue;\n }\n\n if (lastIndex !== index) {\n html += str.substring(lastIndex, index);\n }\n\n lastIndex = index + 1;\n html += escape;\n }\n\n return lastIndex !== index\n ? html + str.substring(lastIndex, index)\n : html;\n}\n","export function regexEncode(value) {\n return value.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n}\nexport function encodeForDomAttribute(str) {\n return str\n .split('')\n .map((ch) => (ch.match(/(\\d|\\w)+/g) ? ch : ch.charCodeAt(0)))\n .join('');\n}\n","import escapeHtml from 'escape-html';\nimport { regexEncode } from '../../../../utils/string-utils';\n/**\n * Meant to be used inside the `shouldUpdate` lifecycle method.\n * It prevents updating the facet between two matchless facet searches.\n * It also prevents updating the facet until the first search has loaded.\n */\nexport function shouldUpdateFacetSearchComponent(nextFacetSearchState, prevFacetSearchState) {\n const hasQuery = nextFacetSearchState.query !== '';\n const stillNoValues = !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;\n const hasFinishedLoading = !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;\n if (hasQuery && stillNoValues) {\n return hasFinishedLoading;\n }\n return true;\n}\nexport function shouldDisplaySearchResults(facetSearchState) {\n const hasQuery = facetSearchState.query !== '';\n const isLoading = facetSearchState.isLoading;\n const hasValues = !!facetSearchState.values.length;\n if (!hasQuery) {\n return false;\n }\n if (hasValues) {\n return true;\n }\n return !isLoading;\n}\nexport function highlightSearchResult(resultValue, searchQuery = '') {\n const sanitizedResult = escapeHtml(resultValue);\n if (searchQuery.trim() === '') {\n return sanitizedResult;\n }\n const regex = new RegExp(`(${regexEncode(escapeHtml(searchQuery))})`, 'i');\n return escapeHtml(resultValue).replace(regex, '$1');\n}\n","import { shouldUpdateFacetSearchComponent } from './facet-search-utils';\nexport function announceFacetSearchResultsWithAriaLive(facet, label, setAriaLive, i18n) {\n let prevState = facet.state.facetSearch;\n facet.subscribe(() => {\n if (shouldUpdateFacetSearchComponent(facet.state.facetSearch, prevState) &&\n facet.state.facetSearch.query) {\n prevState = facet.state.facetSearch;\n setAriaLive(i18n.t('facet-search-results-count', {\n count: facet.state.facetSearch.values.length,\n label,\n }));\n }\n });\n}\n","import { html } from 'lit';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\nconst CloseIcon = \"\";\nconst SearchIcon = \"\";\nimport '../../atomic-icon/atomic-icon';\nimport { renderButton } from '../../button';\nconst inputRef = createRef();\nexport const renderFacetSearchInput = ({ props }) => {\n const label = props.i18n.t(props.label);\n const search = props.i18n.t('facet-search-input');\n const facetSearch = props.i18n.t('facet-search', { label });\n const clear = props.i18n.t('clear');\n return html `\n
    \n
    \n props.onChange(e.target.value)}\n />\n \n \n
    \n ${when(props.query !== '', () => renderButton({\n props: {\n style: 'text-transparent',\n title: clear,\n class: 'search-clear-button absolute top-px right-px bottom-px inline-flex w-9 items-center justify-center',\n onClick: () => {\n props.onClear();\n inputRef.value?.focus();\n },\n },\n })(html ``))}\n
    \n \n `;\n};\n","import escapeHtml from 'escape-html';\nimport { html, nothing } from 'lit';\nimport { renderButton } from '../../button';\n//TODO: change to noMatchesFound & remove the key in https://coveord.atlassian.net/browse/KIT-3368\nfunction matchesFound(key, query, i18n) {\n return i18n.t(key, {\n query: `${escapeHtml(query)}`,\n interpolation: { escapeValue: false },\n });\n}\nfunction clickableMoreMatchesFound(query, i18n) {\n return i18n.t('more-matches-for', {\n query: `${escapeHtml(query)}`,\n interpolation: { escapeValue: false },\n });\n}\nexport const renderFacetSearchMatches = ({ props }) => {\n if (!props.numberOfMatches) {\n return html `\n
    \n
    \n \n `;\n }\n if (props.hasMoreMatches) {\n if (props.showMoreMatches) {\n return html `\n
    \n ${renderButton({\n props: {\n style: 'text-primary',\n class: 'mt-3 p-2',\n onClick: props.showMoreMatches,\n },\n })(html `
    `)}\n \n `;\n }\n return html `\n
    \n
    \n \n `;\n }\n return html `${nothing}`;\n};\n","import { html, nothing } from 'lit';\nimport { when } from 'lit/directives/when.js';\nconst MinusIcon = \"\";\nconst PlusIcon = \"\\n \\n\\n\";\nimport '../../atomic-icon/atomic-icon';\nimport { renderButton } from '../../button';\nexport const renderFacetShowMoreLess = ({ props }) => {\n const label = props.i18n.t(props.label);\n const showMore = props.i18n.t('show-more');\n const showMoreFacetValues = props.i18n.t('show-more-facet-values', {\n label,\n });\n const showLess = props.i18n.t('show-less');\n const showLessFacetValues = props.i18n.t('show-less-facet-values', {\n label,\n });\n const btnClasses = 'flex items-baseline text-left p-2 text-sm max-w-full';\n const iconClasses = 'w-2 h-2 mr-1';\n if (!props.canShowLessValues && !props.canShowMoreValues) {\n return html `${nothing}`;\n }\n return html `
    \n ${when(props.canShowLessValues, () => renderButton({\n props: {\n style: 'text-primary',\n part: 'show-less',\n class: btnClasses,\n ariaLabel: showLessFacetValues,\n onClick: () => props.onShowLess(),\n ref: (el) => props.showLessRef?.(el),\n },\n })(html `\n ${showLess}`))}\n ${when(props.canShowMoreValues, () => renderButton({\n props: {\n style: 'text-primary',\n part: 'show-more',\n class: btnClasses,\n ariaLabel: showMoreFacetValues,\n onClick: () => props.onShowMore(),\n ref: (el) => props.showMoreRef?.(el),\n },\n })(html `\n ${showMore}`))}\n
    `;\n};\n","import { html } from 'lit';\nexport const renderFieldsetGroup = ({ props: { label } }) => (children) => html `
    \n ${label}\n ${children}\n
    `;\n","import { html } from 'lit';\nimport { when } from 'lit/directives/when.js';\nimport { renderFieldsetGroup } from '../../fieldset-group';\nexport const renderFacetValuesGroup = ({ props }) => (children) => {\n const label = props.label\n ? props.query === undefined\n ? props.i18n.t('facet-values', { label: props.i18n.t(props.label) })\n : props.i18n.t('facet-search-results', {\n query: props.query,\n label: props.i18n.t(props.label),\n })\n : null;\n return when(label, () => renderFieldsetGroup({ props: { label: label } })(html `${children}`), () => html `${children}`);\n};\n","export const booleanConverter = {\n fromAttribute: (value) => {\n if (value === 'false') {\n console.warn('Using `value=\"false\"` for a boolean attribute is not compliant with HTML standards (see https://html.spec.whatwg.org/#boolean-attributes). ' +\n 'This behavior will not be supported in Atomic v4. To set a boolean attribute to false, omit the attribute instead.');\n return false;\n }\n return true;\n },\n};\n","export const getAllCategoriesLocalizedLabel = ({ facetId, field, i18n, }) => {\n if (facetId && i18n.exists(`all-categories-${facetId}`)) {\n return i18n.t(`all-categories-${facetId}`);\n }\n if (i18n.exists(`all-categories-${field}`)) {\n return i18n.t(`all-categories-${field}`);\n }\n return i18n.t('all-categories');\n};\n","import \"../../atomic-icon/atomic-icon\";\nimport { html } from 'lit';\nimport { renderButton } from \"../../button\";\nconst LeftArrow = \"\";\nimport { getAllCategoriesLocalizedLabel } from './all-categories-localized-label';\nexport const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId, field } }) => {\n const allCategories = getAllCategoriesLocalizedLabel({ facetId, field, i18n });\n return html `\n ${renderButton({\n props: {\n style: 'text-neutral',\n part: 'all-categories-button',\n onClick: onClick,\n },\n })(html `\n ${allCategories}`)}\n `;\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nexport const renderCategoryFacetChildrenAsTreeContainer = ({ props }) => (children) => {\n return html `
      \n ${children}\n
    `;\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nexport const renderCategoryFacetParentAsTreeContainer = ({ props }) => (children) => {\n const part = props.isTopLevel ? 'parents' : 'sub-parents';\n return html `
      \n ${children}\n
    `;\n};\n","import \"../../atomic-icon/atomic-icon\";\nimport { html } from 'lit';\nconst LeftArrow = \"\";\nimport { getFieldValueCaption } from '../../../../utils/field-utils';\nimport { renderButton } from '../../button';\nexport const renderCategoryFacetParentButton = ({ props }) => {\n const displayValue = getFieldValueCaption(props.field, props.facetValue.value, props.i18n);\n const ariaLabel = props.i18n.t('facet-value', {\n value: displayValue,\n count: props.facetValue.numberOfResults,\n formattedCount: props.facetValue.numberOfResults.toLocaleString(props.i18n.language),\n });\n return renderButton({\n props: {\n style: 'text-neutral',\n part: 'parent-button',\n ariaPressed: 'false',\n onClick: () => {\n props.onClick();\n },\n ariaLabel: ariaLabel,\n },\n })(html `\n \n ${displayValue}\n `);\n};\n","import { html } from 'lit';\nimport { multiClassMap, tw } from \"../../../../directives/multi-class-map\";\nimport { highlightSearchResult } from '../facet-search/facet-search-utils';\nexport const renderFacetValueLabelHighlight = ({ props }) => {\n const classNames = tw({\n 'value-label peer-hover:text-error truncate': true,\n 'font-bold': props.isSelected || !!props.isExcluded,\n });\n return html ``;\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../../button';\nexport const renderFacetValueLink = ({ props }) => (children) => {\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabel = props.i18n.t('facet-value', {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: count,\n interpolation: { escapeValue: false },\n });\n let part = props.part ??\n `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n if (props.additionalPart) {\n part += ` ${props.additionalPart}`;\n }\n return html `\n ${keyed(props.displayValue, html `
  • \n ${renderButton({\n props: {\n style: 'text-neutral',\n part,\n onClick: () => props.onClick(),\n class: 'group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none',\n ariaPressed: props.isSelected ? 'true' : 'false',\n ariaLabel,\n ref: props.buttonRef,\n },\n })(html `${children}\n ${props.i18n.t('between-parentheses', {\n text: count,\n })}\n `)}\n ${props.subList}\n
    • `)}\n `;\n};\n","import { html } from 'lit';\nimport { renderFacetValueLabelHighlight } from \"../facet-value-label-highlight/facet-value-label-highlight\";\nimport { renderFacetValueLink } from \"../facet-value-link/facet-value-link\";\nexport const renderCategoryFacetValueLink = ({ props: { displayValue, numberOfResults, i18n, onClick, isParent, isSelected, searchQuery, isLeafValue, setRef, }, }) => (children) => {\n const partNames = [];\n if (isParent) {\n partNames.push('active-parent');\n }\n else {\n partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);\n }\n if (isLeafValue) {\n partNames.push('leaf-value');\n }\n else {\n partNames.push('node-value');\n }\n return html `${renderFacetValueLink({\n props: {\n displayValue,\n numberOfResults,\n i18n,\n onClick,\n isSelected,\n searchQuery,\n part: partNames.join(' '),\n class: 'contents',\n buttonRef: (element) => {\n setRef?.(element);\n },\n subList: children,\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n searchQuery,\n isSelected,\n },\n }))}`;\n};\n","import { renderCategoryFacetValueLink, } from './value-link';\nexport const renderCategoryFacetParentValueLink = ({ props }) => {\n return renderCategoryFacetValueLink({\n props: { ...props, isParent: true, isSelected: true },\n });\n};\n","import { html } from 'lit';\nexport const renderCategoryFacetSearchResultsContainer = () => (children) => {\n return html `
      \n ${children}\n
    `;\n};\n","import { html } from 'lit';\nimport { Directive, directive, PartType } from 'lit/directive.js';\nclass HierarchicalPathDirective extends Directive {\n constructor(partInfo) {\n super(partInfo);\n if (partInfo.type !== PartType.CHILD) {\n throw new Error('hierarchicalPath can only be used in child bindings');\n }\n }\n render(props) {\n const { path, separator = '/', ellipsis = '...', maxLength = 3, emptyPathContent = '', separatorClass = 'mx-0.5', itemClass = 'max-w-max flex-1 truncate', ellipsisClass = '', } = props;\n if (!path.length) {\n return emptyPathContent;\n }\n const ellipsedPath = this.getEllipsedPath(path, maxLength, ellipsis);\n return ellipsedPath.map((value, index) => html `\n ${index > 0\n ? html `${separator}`\n : ''}\n \n ${value}\n \n `);\n }\n getEllipsedPath(path, maxLength, ellipsis) {\n if (path.length <= maxLength) {\n return path;\n }\n // Special case: if maxLength is 1, just return the first item\n if (maxLength === 1) {\n return [path[0]];\n }\n const firstPart = path.slice(0, 1);\n const lastParts = path.slice(-maxLength + 1);\n return firstPart.concat(ellipsis, ...lastParts);\n }\n}\nexport const hierarchicalPath = directive(HierarchicalPathDirective);\n","import \"../../atomic-icon/atomic-icon\";\nimport { html } from 'lit';\nimport { renderButton } from \"../../button\";\nimport { renderFacetValueLabelHighlight } from \"../facet-value-label-highlight/facet-value-label-highlight\";\nimport { hierarchicalPath } from \"../../../../directives/hierarchical-path\";\nimport { getFieldValueCaption } from \"../../../../utils/field-utils\";\nimport { getAllCategoriesLocalizedLabel } from './all-categories-localized-label';\nconst SEPARATOR = '/';\nconst PATH_MAX_LENGTH = 3;\nexport const renderCategoryFacetSearchValue = ({ props }) => {\n const count = props.value.count.toLocaleString(props.i18n.language);\n const inLabel = props.i18n.t('in');\n const allCategories = getAllCategoriesLocalizedLabel({\n facetId: props.facetId,\n field: props.field,\n i18n: props.i18n,\n });\n const localizedPath = props.value.path.length\n ? props.value.path.map((value) => getFieldValueCaption(props.field, value, props.i18n))\n : [allCategories];\n const ariaLabel = props.i18n.t('under', {\n child: props.i18n.t('facet-value', {\n count: props.value.count,\n formattedCount: count,\n value: props.value.displayValue,\n }),\n parent: localizedPath.join(', '),\n });\n return html `
  • \n ${renderButton({\n props: {\n style: 'text-neutral',\n part: 'search-result',\n onClick: () => props.onClick(),\n class: 'group flex w-full flex-col truncate px-2 py-2.5 focus-visible:outline-none',\n ariaLabel,\n },\n })(html `\n
    \n ${renderFacetValueLabelHighlight({\n props: {\n displayValue: props.value.displayValue,\n isSelected: false,\n searchQuery: props.searchQuery,\n },\n })}\n \n ${props.i18n.t('between-parentheses', {\n text: count,\n })}\n \n
    \n \n ${inLabel}\n ${hierarchicalPath({\n path: localizedPath,\n separator: SEPARATOR,\n maxLength: PATH_MAX_LENGTH,\n emptyPathContent: html `\n ${inLabel} ${allCategories}\n `,\n separatorClass: 'mx-0.5',\n itemClass: 'max-w-max flex-1 truncate',\n ellipsisClass: '',\n })}\n \n `)}\n
    • `;\n};\n","import { html } from 'lit';\nexport const renderCategoryFacetTreeValueContainer = () => (children) => {\n return html `
  • ${children}
    • `;\n};\n","import { css } from 'lit';\nconst styles = css`/*! tailwindcss v4.1.13 | 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:\"\";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:\"\";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:\"\";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}}}`;\nexport default styles;\n","import { css } from 'lit';\nconst styles = css`/*! tailwindcss v4.1.13 | 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)}`;\nexport default styles;\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\nimport { renderFacetContainer } from \"../../common/facets/facet-container/facet-container\";\nimport { renderFacetHeader } from \"../../common/facets/facet-header/facet-header\";\nimport { announceFacetSearchResultsWithAriaLive } from \"../../common/facets/facet-search/facet-search-aria-live\";\nimport { renderFacetSearchInput } from \"../../common/facets/facet-search/facet-search-input\";\nimport { renderFacetSearchMatches } from \"../../common/facets/facet-search/facet-search-matches\";\nimport { shouldDisplaySearchResults, shouldUpdateFacetSearchComponent, } from \"../../common/facets/facet-search/facet-search-utils\";\nimport { renderFacetShowMoreLess } from \"../../common/facets/facet-show-more-less/facet-show-more-less\";\nimport { renderFacetValuesGroup } from \"../../common/facets/facet-values-group/facet-values-group\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\nimport { AriaLiveRegionController, FocusTargetController, } from \"../../../utils/accessibility-utils\";\nimport { getFieldValueCaption } from \"../../../utils/field-utils\";\nimport { renderCategoryFacetAllCategoryButton } from '../../common/facets/category-facet/all-categories-button';\nimport { renderCategoryFacetChildrenAsTreeContainer } from '../../common/facets/category-facet/children-as-tree-container';\nimport { renderCategoryFacetParentAsTreeContainer } from '../../common/facets/category-facet/parent-as-tree-container';\nimport { renderCategoryFacetParentButton } from '../../common/facets/category-facet/parent-button';\nimport { renderCategoryFacetParentValueLink } from '../../common/facets/category-facet/parent-value-link';\nimport { renderCategoryFacetSearchResultsContainer } from '../../common/facets/category-facet/search-results-container';\nimport { renderCategoryFacetSearchValue } from '../../common/facets/category-facet/search-value';\nimport { renderCategoryFacetTreeValueContainer } from '../../common/facets/category-facet/value-as-tree-container';\nimport { renderCategoryFacetValueLink } from '../../common/facets/category-facet/value-link';\nimport facetCommonStyles from '../../common/facets/facet-common.tw.css';\nimport facetSearchStyles from '../../common/facets/facet-search/facet-search.tw.css';\n/**\n * A facet is a list of values for a certain field occurring in the products.\n * An `atomic-commerce-category-facet` displays a facet of values in a browsable, hierarchical fashion.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n *\n * @part search-wrapper - The search box wrapper.\n * @part search-input - The search box input.\n * @part search-icon - The search box submit button.\n * @part search-clear-button - The button to clear the search box input.\n * @part more-matches - The label indicating there are more matches for the current facet search query.\n * @part no-matches - The label indicating there are no matches for the current facet search query.\n * @part matches-query - The highlighted query inside the matches labels.\n * @part search-results - The facet search results container.\n * @part search-result - The facet search result value.\n * @part search-result-path - The facet search result path.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part parents - The container surrounding the whole hierarchy of values.\n * @part sub-parents - The container surrounding a sub-hierarchy of values.\n * @part values - The container surrounding either the children of the active value or the values at the base.\n * @part all-categories-button - The \"All categories\" button displayed first within the parents.\n * @part parent-button - The clickable parent button displayed first within sub-parents.\n * @part active-parent - The clickable active parent displayed first within the last sub-parents.\n * @part value-link - The clickable value displayed first within values.\n * @part back-arrow - The back arrow displayed before the clickable parents.\n * @part value-label - The facet value label within a value button.\n * @part value-count - The facet value count within a value button.\n * @part leaf-value - A facet value with no child value.\n * @part node-value - A facet value with child values.\n *\n * @part show-more - The \"Show more\" button.\n * @part show-less - The \"Show less\" button.\n * @part show-more-less-icon - The icons of the \"Show more\" and \"Show less\" buttons.\n *\n */\nlet AtomicCommerceCategoryFacet = class AtomicCommerceCategoryFacet extends LitElement {\n constructor() {\n super(...arguments);\n /**\n * Whether the facet is collapsed.\n */\n this.isCollapsed = false;\n this.resultIndexToFocusOnShowMore = 0;\n this.facetSearchAriaMessage = new AriaLiveRegionController(this, 'facet-search');\n }\n initialize() {\n this.validateFacet();\n this.facet &&\n announceFacetSearchResultsWithAriaLive(this.facet, this.displayName, (msg) => {\n this.facetSearchAriaMessage.message = msg;\n }, this.bindings.i18n);\n }\n get displayName() {\n return this.facetState?.displayName || 'no-label';\n }\n get focusTargets() {\n if (!this.showLessFocus) {\n this.showLessFocus = new FocusTargetController(this, this.bindings);\n }\n if (!this.showMoreFocus) {\n this.showMoreFocus = new FocusTargetController(this, this.bindings);\n }\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this, this.bindings);\n }\n if (!this.activeValueFocus) {\n this.activeValueFocus = new FocusTargetController(this, this.bindings);\n }\n return {\n showLessFocus: this.showLessFocus,\n showMoreFocus: this.showMoreFocus,\n headerFocus: this.headerFocus,\n activeValueFocus: this.activeValueFocus,\n };\n }\n shouldUpdate(changedProperties) {\n if (changedProperties.has('facetState')) {\n const newState = this.facetState;\n const oldState = changedProperties.get('facetState');\n if (newState && oldState) {\n return shouldUpdateFacetSearchComponent(newState.facetSearch, oldState.facetSearch);\n }\n }\n return super.shouldUpdate(changedProperties);\n }\n get hasParents() {\n return !!this.facetState.selectedValueAncestry?.length;\n }\n renderHeader() {\n return renderFacetHeader({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n numberOfActiveValues: this.facetState.hasActiveValues && this.isCollapsed ? 1 : 0,\n isCollapsed: this.isCollapsed,\n headingLevel: 0,\n onToggleCollapse: () => {\n this.isCollapsed = !this.isCollapsed;\n },\n onClearFilters: () => {\n this.focusTargets.headerFocus.focusAfterSearch();\n this.facet.deselectAll();\n },\n headerRef: (header) => {\n this.focusTargets.headerFocus.setTarget(header);\n if (!this.hasParents) {\n this.focusTargets.activeValueFocus.setTarget(header);\n }\n },\n },\n });\n }\n renderValuesTree(parents, isRoot) {\n if (!this.hasParents) {\n return this.renderChildren();\n }\n if (isRoot) {\n return renderCategoryFacetTreeValueContainer()(html `\n ${renderCategoryFacetAllCategoryButton({\n props: {\n i18n: this.bindings.i18n,\n onClick: () => {\n this.focusTargets.activeValueFocus.focusAfterSearch();\n this.facet.deselectAll();\n },\n facetId: this.facetState.facetId,\n field: this.facet.state.field,\n },\n })}\n ${renderCategoryFacetParentAsTreeContainer({\n props: {\n isTopLevel: false,\n },\n })(html `${this.renderValuesTree(parents, false)} `)}\n `);\n }\n if (parents.length > 1) {\n const parentValue = parents[0];\n return renderCategoryFacetTreeValueContainer()(html `\n ${renderCategoryFacetParentButton({\n props: {\n i18n: this.bindings.i18n,\n field: this.facetState?.field,\n facetValue: parentValue,\n onClick: () => {\n this.focusTargets.activeValueFocus.focusAfterSearch();\n this.facet.toggleSelect(parentValue);\n },\n },\n })}\n ${renderCategoryFacetParentAsTreeContainer({\n props: {\n isTopLevel: false,\n },\n })(this.renderValuesTree(parents.slice(1), false))}\n `);\n }\n const activeParent = parents[0];\n const activeParentDisplayValue = getFieldValueCaption(this.facetState?.field, activeParent.value, this.bindings.i18n);\n return html `\n ${renderCategoryFacetParentValueLink({\n props: {\n displayValue: activeParentDisplayValue,\n numberOfResults: activeParent.numberOfResults,\n i18n: this.bindings.i18n,\n isLeafValue: activeParent.isLeafValue,\n onClick: () => {\n this.focusTargets.activeValueFocus.focusAfterSearch();\n this.facet.deselectAll();\n },\n searchQuery: this.facetState.facetSearch.query,\n setRef: (el) => {\n this.focusTargets.activeValueFocus.setTarget(el);\n },\n },\n })(html `\n ${renderCategoryFacetChildrenAsTreeContainer({ props: {} })(html ` ${this.renderChildren()}`)}\n `)}\n `;\n }\n renderChild(facetValue, isShowLessFocusTarget, isShowMoreFocusTarget) {\n const displayValue = getFieldValueCaption(this.facetState?.field, facetValue.value, this.bindings.i18n);\n const isSelected = facetValue.state === 'selected';\n return html `${renderCategoryFacetValueLink({\n props: {\n displayValue,\n numberOfResults: facetValue.numberOfResults,\n i18n: this.bindings.i18n,\n onClick: () => {\n this.focusTargets.activeValueFocus.focusAfterSearch();\n this.facet.toggleSelect(facetValue);\n },\n isParent: false,\n isSelected,\n searchQuery: this.facetState.facetSearch.query,\n isLeafValue: facetValue.isLeafValue,\n setRef: (el) => {\n isShowLessFocusTarget &&\n this.focusTargets.showLessFocus.setTarget(el);\n isShowMoreFocusTarget &&\n this.focusTargets.showMoreFocus.setTarget(el);\n },\n },\n })()} `;\n }\n renderChildren() {\n const { values, selectedValueAncestry, hasActiveValues } = this.facetState;\n const nextValues = hasActiveValues ? selectedValueAncestry : values;\n const children = nextValues?.length\n ? hasActiveValues\n ? nextValues[nextValues.length - 1].children\n : nextValues\n : [];\n return html `${map(children, (value, i) => this.renderChild(value, i === 0, i === this.resultIndexToFocusOnShowMore))}`;\n }\n renderSearchResults() {\n return renderCategoryFacetSearchResultsContainer()(html `${map(this.facetState.facetSearch.values, (value) => renderCategoryFacetSearchValue({\n props: {\n value,\n field: this.facetState.field,\n facetId: this.facetState.facetId,\n searchQuery: this.facetState.facetSearch.query,\n i18n: this.bindings.i18n,\n onClick: () => {\n this.focusTargets.activeValueFocus.focusAfterSearch();\n this.facet.facetSearch.select(value);\n },\n },\n }))}`);\n }\n renderShowMoreLess() {\n return html `\n
    \n ${renderFacetShowMoreLess({\n props: {\n label: this.displayName,\n i18n: this.bindings.i18n,\n onShowMore: () => {\n this.resultIndexToFocusOnShowMore = this.facetState.values.length;\n this.focusTargets.showMoreFocus.focusAfterSearch();\n this.facet.showMoreValues();\n },\n onShowLess: () => {\n this.focusTargets.showLessFocus.focusAfterSearch();\n this.facet.showLessValues();\n },\n canShowLessValues: this.facetState.canShowLessValues,\n canShowMoreValues: this.facetState.canShowMoreValues,\n },\n })}\n
    \n `;\n }\n render() {\n const { bindings: { i18n }, facetState: { facetSearch, selectedValueAncestry, values }, } = this;\n const { hasError, firstRequestExecuted } = this.summaryState;\n if (!firstRequestExecuted || hasError || values.length === 0) {\n return html `${nothing}`;\n }\n return renderFacetContainer()(html `\n ${this.renderHeader()}\n ${when(!this.isCollapsed, () => html `\n ${renderFacetSearchInput({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n query: this.facetState.facetSearch.query,\n onChange: (value) => {\n if (value === '') {\n this.facet.facetSearch.clear();\n return;\n }\n this.facet.facetSearch.updateText(value);\n this.facet.facetSearch.search();\n },\n onClear: () => this.facet.facetSearch.clear(),\n },\n })}\n ${when(shouldDisplaySearchResults(facetSearch), () => html `\n ${when(facetSearch.values.length > 0, () => renderFacetValuesGroup({\n props: {\n i18n,\n label: this.displayName,\n query: facetSearch.query,\n },\n })(this.renderSearchResults()), () => html `
    `)}\n ${renderFacetSearchMatches({\n props: {\n i18n: this.bindings.i18n,\n query: this.facetState.facetSearch.query,\n numberOfMatches: this.facetState.facetSearch.values.length,\n hasMoreMatches: this.facetState.facetSearch.moreValuesAvailable,\n showMoreMatches: () => this.facet.facetSearch.showMoreResults(),\n },\n })}\n `, () => html `\n ${renderFacetValuesGroup({\n props: {\n i18n,\n label: this.displayName,\n },\n })(when(this.hasParents, () => html `\n ${renderCategoryFacetParentAsTreeContainer({\n props: { isTopLevel: true, className: 'mt-3' },\n })(html `${when(selectedValueAncestry, () => selectedValueAncestry &&\n this.renderValuesTree(selectedValueAncestry, true))}`)}\n `, () => html `\n ${renderCategoryFacetChildrenAsTreeContainer({\n props: {\n className: 'mt-3',\n },\n })(this.renderChildren())}\n `))}\n ${this.renderShowMoreLess()}\n `)}\n `)}\n `);\n }\n updated(changedProps) {\n super.updated(changedProps);\n if (changedProps.has('facet')) {\n this.validateFacet();\n }\n }\n validateFacet() {\n if (!this.facet) {\n this.error = new Error('The \"facet\" property is required for .');\n }\n }\n};\nAtomicCommerceCategoryFacet.styles = [\n facetCommonStyles,\n facetSearchStyles,\n css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */[part~=active-parent],[part~=parents] [part~=values]{padding-left:calc(var(--spacing, .25rem)*9)}[part~=all-categories-button],[part~=parent-button]{align-items:center;display:flex;padding-block:calc(var(--spacing, .25rem)*2.5);padding-left:calc(var(--spacing, .25rem)*7);padding-right:calc(var(--spacing, .25rem)*2);position:relative;text-align:left;width:100%}[part~=back-arrow]{height:calc(var(--spacing, .25rem)*5);left:calc(var(--spacing, .25rem)*1);position:absolute;width:calc(var(--spacing, .25rem)*5)}`,\n];\n__decorate([\n state()\n], AtomicCommerceCategoryFacet.prototype, \"bindings\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceCategoryFacet.prototype, \"summary\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceCategoryFacet.prototype, \"facet\", void 0);\n__decorate([\n property({\n reflect: true,\n type: Boolean,\n attribute: 'is-collapsed',\n converter: booleanConverter,\n })\n], AtomicCommerceCategoryFacet.prototype, \"isCollapsed\", void 0);\n__decorate([\n property({ reflect: true })\n], AtomicCommerceCategoryFacet.prototype, \"field\", void 0);\n__decorate([\n state(),\n bindStateToController('facet')\n], AtomicCommerceCategoryFacet.prototype, \"facetState\", void 0);\n__decorate([\n bindStateToController('summary'),\n state()\n], AtomicCommerceCategoryFacet.prototype, \"summaryState\", void 0);\n__decorate([\n state()\n], AtomicCommerceCategoryFacet.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceCategoryFacet.prototype, \"render\", null);\nAtomicCommerceCategoryFacet = __decorate([\n customElement('atomic-commerce-category-facet'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceCategoryFacet);\nexport { AtomicCommerceCategoryFacet };\n","import { html } from 'lit';\nimport { Directive, directive, PartType } from 'lit/directive.js';\nclass LocalizedStringDirective extends Directive {\n constructor(partInfo) {\n super(partInfo);\n this.delimitingCharacter = '\\u001d'; // Unicode group separator\n this.placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n if (partInfo.type !== PartType.CHILD) {\n throw new Error('localizedString can only be used in child bindings');\n }\n }\n render(props) {\n const { i18n, key, params, count } = props;\n const getPlaceholderForParamKey = (paramKey) => `${this.delimitingCharacter}${this.placeholderPrefixCharacter}${paramKey}${this.delimitingCharacter}`;\n const getParamFromPlaceholder = (placeholder) => params[placeholder.slice(1)];\n const placeholdersMap = Object.fromEntries(Object.keys(params).map((paramKey) => [\n paramKey,\n getPlaceholderForParamKey(paramKey),\n ]));\n const localizedStringWithPlaceholders = i18n.t(key, {\n interpolation: { escapeValue: false },\n count: count,\n ...placeholdersMap,\n });\n return html `${localizedStringWithPlaceholders\n .split(this.delimitingCharacter)\n .map((text) => text.startsWith(this.placeholderPrefixCharacter)\n ? getParamFromPlaceholder(text)\n : text)}`;\n }\n}\nexport const localizedString = directive(LocalizedStringDirective);\n","import { html } from 'lit';\nimport { localizedString } from \"../../../directives/localized-string\";\nexport const renderAutoCorrection = ({ props, }) => {\n return html `\n

    \n ${localizedString({\n i18n: props.i18n,\n key: 'no-results-for-did-you-mean',\n params: {\n query: html `${props.originalQuery}`,\n },\n })}\n

    \n

    \n ${localizedString({\n i18n: props.i18n,\n key: 'query-auto-corrected-to',\n params: {\n query: html `${props.correctedTo}`,\n },\n })}\n

    \n `;\n};\n","import { html } from 'lit';\nimport { localizedString } from \"../../../directives/localized-string\";\nexport const renderCorrection = ({ props, }) => {\n return html `\n

    \n ${localizedString({\n i18n: props.i18n,\n key: 'did-you-mean',\n params: {\n query: html `\n ${props.correctedQuery}\n `,\n },\n })}\n

    \n `;\n};\n","import { html } from 'lit';\nimport { localizedString } from \"../../../directives/localized-string\";\nexport const renderTriggerCorrection = ({ props, }) => {\n return html `\n

    \n ${localizedString({\n i18n: props.i18n,\n key: props.i18nKeyShowingItemsFor,\n params: { query: html `${props.correctedQuery}` },\n })}\n

    \n

    \n ${localizedString({\n i18n: props.i18n,\n key: 'search-instead-for',\n params: {\n query: html `\n ${props.originalQuery}\n `,\n },\n })}\n

    \n `;\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildQueryTrigger, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles\";\nimport { renderAutoCorrection } from '../../common/query-correction/auto-correction';\nimport { renderCorrection } from '../../common/query-correction/correction';\nimport { renderTriggerCorrection } from '../../common/query-correction/trigger-correction';\n/**\n * The `atomic-commerce-did-you-mean` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.\n *\n * @part no-results - The text displayed when there are no products.\n * @part auto-corrected - The text displayed for the automatically corrected query.\n * @part showing-results-for - The first paragraph of the text displayed when a query trigger changes a query.\n * @part search-instead-for - The second paragraph of the text displayed when a query trigger changes a query.\n * @part did-you-mean - The text displayed around the button to manually correct a query.\n * @part correction-btn - The button used to manually correct a query.\n * @part undo-btn - The button used to undo a query changed by a query trigger.\n * @part highlight - The query highlights.\n */\nlet AtomicCommerceDidYouMean = class AtomicCommerceDidYouMean extends LitElement {\n initialize() {\n if (this.bindings.interfaceElement.type !== 'search') {\n this.error = new Error('atomic-commerce-did-you-mean is only usable with an atomic-commerce-interface of type \"search\"');\n }\n this.didYouMean = buildSearch(this.bindings.engine).didYouMean();\n this.queryTrigger = buildQueryTrigger(this.bindings.engine);\n }\n get content() {\n const { hasQueryCorrection, wasAutomaticallyCorrected } = this.didYouMeanState;\n const hasTrigger = this.queryTriggerState.wasQueryModified;\n if (hasQueryCorrection && wasAutomaticallyCorrected) {\n return renderAutoCorrection({\n props: {\n correctedTo: this.didYouMeanState.wasCorrectedTo,\n originalQuery: this.didYouMeanState.originalQuery,\n i18n: this.bindings.i18n,\n },\n });\n }\n if (hasQueryCorrection) {\n return renderCorrection({\n props: {\n correctedQuery: this.didYouMeanState.queryCorrection.correctedQuery,\n i18n: this.bindings.i18n,\n onClick: () => this.didYouMean.applyCorrection(),\n },\n });\n }\n if (hasTrigger) {\n return renderTriggerCorrection({\n props: {\n i18n: this.bindings.i18n,\n i18nKeyShowingItemsFor: 'showing-products-for',\n correctedQuery: this.queryTriggerState.newQuery,\n originalQuery: this.queryTriggerState.originalQuery,\n onClick: () => this.queryTrigger.undo(),\n },\n });\n }\n return nothing;\n }\n render() {\n const hasCorrection = this.didYouMeanState.hasQueryCorrection ||\n this.queryTriggerState.wasQueryModified;\n return html `${when(hasCorrection, () => this.content)}`;\n }\n};\n__decorate([\n bindStateToController('didYouMean'),\n state()\n], AtomicCommerceDidYouMean.prototype, \"didYouMeanState\", void 0);\n__decorate([\n bindStateToController('queryTrigger'),\n state()\n], AtomicCommerceDidYouMean.prototype, \"queryTriggerState\", void 0);\n__decorate([\n state()\n], AtomicCommerceDidYouMean.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceDidYouMean.prototype, \"render\", null);\nAtomicCommerceDidYouMean = __decorate([\n customElement('atomic-commerce-did-you-mean'),\n withTailwindStyles,\n bindings()\n], AtomicCommerceDidYouMean);\nexport { AtomicCommerceDidYouMean };\n","import { html, nothing } from 'lit';\nimport { Directive, directive } from 'lit/directive.js';\nconst MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX = 9;\nclass FacetSearchInputGuardDirective extends Directive {\n render({ canShowMoreValues, numberOfDisplayedValues, withSearch, }, content) {\n if (!withSearch) {\n return nothing;\n }\n // Hide the input if there are no more values to load from the index and there are less than 8 values to display.\n // 8 is an arbitrary number, discussed with UX as a good compromise: A list long enough where it's worth searching.\n if (!canShowMoreValues &&\n numberOfDisplayedValues < MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX) {\n return nothing;\n }\n return html `${content()}`;\n }\n}\nexport const facetSearchInputGuard = directive(FacetSearchInputGuardDirective);\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { renderButton } from '../../button';\nexport const renderFacetValueBox = ({ props }) => (children) => {\n const compactCount = new Intl.NumberFormat(props.i18n.language, {\n notation: 'compact',\n }).format(props.numberOfResults);\n const ariaLabel = props.i18n.t('facet-value', {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: compactCount,\n });\n return html `\n ${keyed(props.displayValue, html `
  • \n ${renderButton({\n props: {\n style: 'outline-bg-neutral',\n part: `value-box${props.isSelected ? ' value-box-selected' : ''}`,\n onClick: () => props.onClick(),\n class: `value-box group box-border h-full w-full items-center p-2 ${props.isSelected ? 'selected' : ''}`,\n ariaPressed: props.isSelected ? 'true' : 'false',\n ariaLabel,\n ref: props.buttonRef,\n },\n })(html `${children}\n ${props.i18n.t('between-parentheses', {\n text: compactCount,\n })}\n `)}\n
    • `)}\n `;\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { multiClassMap, tw } from \"../../directives/multi-class-map\";\nconst Tick = \"\\n \\n\";\nimport './atomic-icon/atomic-icon';\nexport const renderCheckbox = ({ props }) => {\n const partName = props.part ?? 'checkbox';\n const classNames = tw({\n 'no-outline hover:border-primary-light focus-visible:border-primary-light grid h-4 w-4 place-items-center rounded': true,\n 'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light': Boolean(props.checked),\n 'border-neutral-dark border': !props.checked,\n [props.class ?? '']: Boolean(props.class),\n });\n const parts = [partName];\n if (props.checked) {\n parts.push(`${partName}-checked`);\n }\n return html `\n props.onToggle?.(!props.checked)}\n @mousedown=${(e) => props.onMouseDown?.(e)}\n ${props.ref ? ref(props.ref) : ''}\n >\n \n \n `;\n};\n","import { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { multiClassMap, tw } from \"../../directives/multi-class-map\";\nconst Tick = \"\\n \\n\";\nconst Close = \"\";\nimport '../common/atomic-icon/atomic-icon';\nexport const renderTriStateCheckbox = ({ props }) => {\n const isSelected = props.state === 'selected';\n const isExcluded = props.state === 'excluded';\n const partName = props.part ?? 'checkbox';\n const classNames = tw({\n 'hover:border-primary-light focus-visible:border-primary-light grid h-4 w-4 place-items-center rounded focus-visible:outline-none': true,\n 'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light': isSelected,\n 'border-neutral-dark border': !isSelected,\n 'excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error': isExcluded,\n [props.class ?? '']: Boolean(props.class),\n });\n const parts = [partName];\n if (isExcluded || isExcluded) {\n parts.push(`${partName}-checked`);\n }\n const iconClassNames = {\n 'w-3/5': true,\n block: isSelected || isExcluded,\n hidden: !isSelected && !isExcluded,\n };\n return html ` props.onToggle?.(!isSelected)}\n @mousedown=${(e) => props.onMouseDown?.(e)}\n >\n \n `;\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nconst Tick = \"\";\nimport '../../atomic-icon/atomic-icon';\nexport const renderFacetValueExclude = ({ props, }) => {\n return html ` props.onClick?.()}\n >\n \n `;\n};\n","import { html } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { createRipple } from '../../../../utils/ripple-utils';\nimport { randomID } from '../../../../utils/utils';\nimport { renderCheckbox as checkbox } from '../../checkbox';\nimport { renderTriStateCheckbox } from '../../triStateCheckbox';\nimport { renderFacetValueExclude } from '../facet-value-exclude/facet-value-exclude';\nexport const renderFacetValueCheckbox = ({ props }) => (children) => {\n const id = randomID('facet-value-');\n const count = props.numberOfResults.toLocaleString(props.i18n.language);\n const ariaLabelAttributes = {\n value: props.displayValue,\n count: props.numberOfResults,\n formattedCount: count,\n interpolation: { escapeValue: false },\n };\n const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n const excludedAriaLabel = props.i18n.t('facet-value-exclude', ariaLabelAttributes);\n let labelRef;\n const isTriStateCheckbox = (props) => {\n return 'state' in props && 'isSelected' in props;\n };\n const renderCheckbox = () => {\n const attributes = {\n id,\n onToggle: () => props.onClick(),\n part: 'value-checkbox',\n class: 'value-checkbox',\n ariaLabel: selectedAriaLabel,\n ref: props.buttonRef,\n onMouseDown: (e) => createRipple(e, { color: 'neutral', parent: labelRef }),\n iconPart: 'value-checkbox-icon',\n };\n if (isTriStateCheckbox(props)) {\n return renderTriStateCheckbox({\n props: {\n ...attributes,\n state: props.state,\n },\n });\n }\n return checkbox({\n props: {\n ...attributes,\n checked: props.isSelected,\n },\n });\n };\n const renderExclusion = () => {\n if (isTriStateCheckbox(props)) {\n return renderFacetValueExclude({\n props: {\n onClick: () => props.onExclude?.(),\n ariaLabel: excludedAriaLabel,\n },\n });\n }\n };\n return html `\n ${keyed(props.displayValue, html `
  • \n ${renderCheckbox()}\n {\n labelRef = ref;\n })}\n .htmlFor=${id}\n part=\"value-checkbox-label\"\n class=\"items-center\"\n @mousedown=${(e) => createRipple(e, { color: 'neutral' })}\n aria-hidden=\"true\"\n >\n ${children}\n \n ${props.i18n.t('between-parentheses', {\n text: count,\n })}\n \n \n ${renderExclusion()}\n
    • `)}\n `;\n};\n","import { getFieldValueCaption } from '../../../../utils/field-utils';\nimport { renderFacetValueBox } from '../facet-value-box/facet-value-box';\nimport { renderFacetValueCheckbox } from '../facet-value-checkbox/facet-value-checkbox';\nimport { renderFacetValueLabelHighlight } from '../facet-value-label-highlight/facet-value-label-highlight';\nimport { renderFacetValueLink } from '../facet-value-link/facet-value-link';\nexport const renderFacetValue = ({ props: { facetSearchQuery, displayValuesAs, enableExclusion, facetCount, facetState, facetValue, field, i18n, onExclude, onSelect, setRef, }, }) => {\n const displayValue = getFieldValueCaption(field, facetValue, i18n);\n const isSelected = facetState === 'selected';\n const isExcluded = facetState === 'excluded';\n const triStateProps = enableExclusion\n ? {\n onExclude,\n state: facetState,\n }\n : {};\n switch (displayValuesAs) {\n case 'checkbox':\n return renderFacetValueCheckbox({\n props: {\n ...triStateProps,\n displayValue,\n numberOfResults: facetCount,\n isSelected,\n i18n,\n onClick: onSelect,\n searchQuery: facetSearchQuery,\n buttonRef: (element) => {\n setRef?.(element);\n },\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n isExcluded,\n searchQuery: facetSearchQuery,\n },\n }));\n case 'link':\n return renderFacetValueLink({\n props: {\n displayValue,\n numberOfResults: facetCount,\n isSelected,\n i18n,\n onClick: onSelect,\n searchQuery: facetSearchQuery,\n buttonRef: (element) => {\n setRef?.(element);\n },\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n searchQuery: facetSearchQuery,\n },\n }));\n case 'box':\n return renderFacetValueBox({\n props: {\n displayValue,\n numberOfResults: facetCount,\n isSelected,\n i18n,\n onClick: onSelect,\n searchQuery: facetSearchQuery,\n buttonRef: (element) => {\n setRef?.(element);\n },\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n searchQuery: facetSearchQuery,\n },\n }));\n }\n};\n","import { css } from 'lit';\nconst styles = css`/*! tailwindcss v4.1.13 | 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 .value-label,.value-box-count{display:block;width:100%}.value-box.selected{box-shadow:0 0 0 1px var(--atomic-primary)}`;\nexport default styles;\n","import { css } from 'lit';\nconst styles = css`/*! tailwindcss v4.1.13 | 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)}`;\nexport default styles;\n","import { css } from 'lit';\nconst styles = css`.value-exclude-button:focus-visible atomic-icon{visibility:visible}`;\nexport default styles;\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { renderFacetContainer } from \"../../common/facets/facet-container/facet-container\";\nimport { renderFacetHeader } from \"../../common/facets/facet-header/facet-header\";\nimport { renderFacetSearchInput } from \"../../common/facets/facet-search/facet-search-input\";\nimport { facetSearchInputGuard } from \"../../common/facets/facet-search/facet-search-input-guard\";\nimport { renderFacetSearchMatches } from \"../../common/facets/facet-search/facet-search-matches\";\nimport { renderFacetShowMoreLess } from \"../../common/facets/facet-show-more-less/facet-show-more-less\";\nimport { renderFacetValue } from \"../../common/facets/facet-value/facet-value\";\nimport { renderFacetValuesGroup } from \"../../common/facets/facet-values-group/facet-values-group\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles\";\nimport { AriaLiveRegionController, FocusTargetController, } from \"../../../utils/accessibility-utils\";\nimport facetCommonStyles from '../../common/facets/facet-common.tw.css';\nimport facetSearchStyles from '../../common/facets/facet-search/facet-search.tw.css';\nimport { announceFacetSearchResultsWithAriaLive } from '../../common/facets/facet-search/facet-search-aria-live';\nimport { shouldDisplaySearchResults, shouldUpdateFacetSearchComponent, } from '../../common/facets/facet-search/facet-search-utils';\nimport facetValueBoxStyles from '../../common/facets/facet-value-box/facet-value-box.tw.css';\nimport facetValueCheckboxStyles from '../../common/facets/facet-value-checkbox/facet-value-checkbox.tw.css';\nimport facetValueExcludeStyles from '../../common/facets/facet-value-exclude/facet-value-exclude.tw.css';\n/**\n * The `atomic-commerce-facet` component renders a commerce facet that the end user can interact with to filter products.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part search-wrapper - The facet search box wrapper.\n * @part search-input - The facet search box input.\n * @part search-icon - The facet search box submit button.\n * @part search-clear-button - The button to clear the facet search box of input.\n * @part more-matches - The label indicating there are more matches for the current facet search query.\n * @part no-matches - The label indicating there are no matches for the current facet search query.\n * @part matches-query - The highlighted query inside the matches labels.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n *\n * @part value-checkbox - The facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-checked - The checked facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-label - The facet value checkbox clickable label, available when display is 'checkbox'.\n * @part value-checkbox-icon - The facet value checkbox icon, available when display is 'checkbox'.\n *\n * @part show-more - The show more values button.\n * @part show-less - The show less values button.\n * @part show-more-less-icon - The icons of the show more and show less buttons.\n */\nlet AtomicCommerceFacet = class AtomicCommerceFacet extends LitElement {\n constructor() {\n super(...arguments);\n /**\n * Whether the facet is collapsed.\n */\n this.isCollapsed = false;\n this.ariaLiveRegion = new AriaLiveRegionController(this, 'facet-search');\n }\n initialize() {\n this.validateFacet();\n this.initFocusTargets();\n this.ensureSubscribed();\n this.facet && this.initAriaLive();\n }\n disconnectedCallback() {\n this.unsubscribeFacetController?.();\n this.unsubscribeFacetController = undefined;\n super.disconnectedCallback();\n }\n shouldUpdate(changedProperties) {\n const prev = changedProperties.get('facetState');\n const next = this.facetState;\n if (this.isFacetState(prev, 'facetState') &&\n this.isFacetState(next, 'facetState')) {\n return shouldUpdateFacetSearchComponent(next.facetSearch, prev.facetSearch);\n }\n return true;\n }\n renderHeader() {\n return renderFacetHeader({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n numberOfActiveValues: this.activeValues.length,\n isCollapsed: this.isCollapsed,\n headingLevel: 0,\n onToggleCollapse: () => {\n this.isCollapsed = !this.isCollapsed;\n },\n onClearFilters: () => {\n this.focusTargets.header.focusAfterSearch();\n this.facet.deselectAll();\n },\n headerRef: (el) => this.focusTargets.header.setTarget(el),\n },\n });\n }\n renderBody() {\n if (this.isCollapsed) {\n return nothing;\n }\n return html `\n ${facetSearchInputGuard({\n canShowMoreValues: this.facetState.canShowMoreValues,\n numberOfDisplayedValues: this.facetState.values.length,\n withSearch: true,\n }, () => html `${renderFacetSearchInput({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n query: this.facetState.facetSearch.query,\n onClear: () => this.facet.facetSearch.clear(),\n onChange: (value) => {\n if (value === '') {\n this.facet.facetSearch.clear();\n return;\n }\n this.facet.facetSearch.updateText(value);\n this.facet.facetSearch.search();\n },\n },\n })}`)}\n ${shouldDisplaySearchResults(this.facetState.facetSearch)\n ? [this.renderSearchResults(), this.renderMatches()]\n : [this.renderValues(), this.renderShowMoreLess()]}\n `;\n }\n renderValuesContainer(children, query) {\n return renderFacetValuesGroup({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n query,\n },\n })(html `
      \n ${children}\n
    `);\n }\n renderSearchResults() {\n return this.renderValuesContainer(this.facetState.facetSearch.values.map((value) => html `${renderFacetValue({\n props: {\n ...this.facetValueProps,\n facetState: 'idle',\n facetCount: value.count,\n onExclude: () => this.facet.facetSearch.exclude(value),\n onSelect: () => this.facet.facetSearch.select(value),\n facetValue: value.rawValue,\n },\n })}`));\n }\n renderValues() {\n return this.renderValuesContainer(this.facetState.values.map((value, i) => {\n const shouldFocusAfterInteraction = i === 0;\n return renderFacetValue({\n props: {\n ...this.facetValueProps,\n facetCount: value.numberOfResults,\n onExclude: () => this.facet.toggleExclude(value),\n onSelect: () => this.facet.toggleSelect(value),\n facetValue: value.value,\n facetState: value.state,\n setRef: (btn) => {\n if (shouldFocusAfterInteraction) {\n this.showLessFocus?.setTarget(btn);\n }\n if (shouldFocusAfterInteraction) {\n this.showMoreFocus?.setTarget(btn);\n }\n },\n },\n });\n }));\n }\n renderShowMoreLess() {\n return html `\n ${renderFacetShowMoreLess({\n props: {\n label: this.displayName,\n i18n: this.bindings.i18n,\n canShowLessValues: this.facetState.canShowLessValues,\n canShowMoreValues: this.facetState.canShowMoreValues,\n onShowLess: () => {\n this.focusTargets.showLess.focusAfterSearch();\n this.facet.showLessValues();\n },\n onShowMore: () => {\n this.focusTargets.showMore.focusAfterSearch();\n this.facet.showMoreValues();\n },\n },\n })}\n `;\n }\n renderMatches() {\n return renderFacetSearchMatches({\n props: {\n i18n: this.bindings.i18n,\n query: this.facetState.facetSearch.query,\n numberOfMatches: this.facetState.facetSearch.values.length,\n hasMoreMatches: this.facetState.facetSearch.moreValuesAvailable,\n showMoreMatches: () => this.facet.facetSearch.showMoreResults(),\n },\n });\n }\n get activeValues() {\n return this.facetState.values.filter(({ state }) => state !== 'idle');\n }\n get displayName() {\n return this.facetState.displayName || 'no-label';\n }\n get facetValueProps() {\n return {\n facetSearchQuery: this.facetState.facetSearch.query,\n displayValuesAs: 'checkbox',\n enableExclusion: false,\n field: this.facetState.field,\n i18n: this.bindings.i18n,\n };\n }\n initFocusTargets() {\n if (!this.showLessFocus) {\n this.showLessFocus = new FocusTargetController(this, this.bindings);\n }\n if (!this.showMoreFocus) {\n this.showMoreFocus = new FocusTargetController(this, this.bindings);\n }\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this, this.bindings);\n }\n }\n initAriaLive() {\n announceFacetSearchResultsWithAriaLive(this.facet, this.displayName, (msg) => {\n this.ariaLiveRegion.message = msg;\n }, this.bindings.i18n);\n }\n get focusTargets() {\n return {\n showLess: this.showLessFocus,\n showMore: this.showMoreFocus,\n header: this.headerFocus,\n };\n }\n isFacetState(state, propName) {\n return (propName === 'facetState' &&\n typeof state?.facetId === 'string');\n }\n ensureSubscribed() {\n if (this.unsubscribeFacetController) {\n return;\n }\n this.unsubscribeFacetController = this.facet?.subscribe(() => {\n this.facetState = this.facet.state;\n });\n }\n render() {\n const { hasError, firstRequestExecuted } = this.summaryState;\n return html `\n ${when(!hasError && firstRequestExecuted && this.facetState.values.length > 0, () => renderFacetContainer()(html `${this.renderHeader()} ${this.renderBody()}`))}\n `;\n }\n updated(changedProps) {\n super.updated(changedProps);\n if (changedProps.has('facet')) {\n this.validateFacet();\n }\n }\n validateFacet() {\n if (!this.facet) {\n this.error = new Error('The \"facet\" property is required for .');\n }\n }\n};\nAtomicCommerceFacet.styles = [\n facetValueCheckboxStyles,\n facetSearchStyles,\n facetCommonStyles,\n facetValueExcludeStyles,\n facetValueBoxStyles,\n];\n__decorate([\n property({ type: Object })\n], AtomicCommerceFacet.prototype, \"summary\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceFacet.prototype, \"facet\", void 0);\n__decorate([\n property({\n type: Boolean,\n reflect: true,\n converter: booleanConverter,\n attribute: 'is-collapsed',\n })\n], AtomicCommerceFacet.prototype, \"isCollapsed\", void 0);\n__decorate([\n property({ reflect: true })\n], AtomicCommerceFacet.prototype, \"field\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacet.prototype, \"bindings\", void 0);\n__decorate([\n bindStateToController('summary'),\n state()\n], AtomicCommerceFacet.prototype, \"summaryState\", void 0);\n__decorate([\n bindStateToController('facet'),\n state()\n], AtomicCommerceFacet.prototype, \"facetState\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacet.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceFacet.prototype, \"render\", null);\nAtomicCommerceFacet = __decorate([\n customElement('atomic-commerce-facet'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceFacet);\nexport { AtomicCommerceFacet };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { isUndefined } from '@eternal-baguette/bueno';\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\n/**\n * Internal component made to be integrated in a NumericFacet.\n * @internal\n */\nlet AtomicCommerceFacetNumberInput = class AtomicCommerceFacetNumberInput extends LightDomMixin(LitElement) {\n initialize() {\n this.start = this.range?.start;\n this.end = this.range?.end;\n }\n apply() {\n if (!this.startRef?.validity.valid || !this.endRef?.validity.valid) {\n return;\n }\n this.dispatchEvent(new CustomEvent('atomic-number-input-apply', {\n detail: {\n start: this.start,\n end: this.end,\n },\n bubbles: true,\n composed: true,\n }));\n }\n get absoluteMinimum() {\n const { field } = this.facet.state;\n const isPriceField = ['ec_price', 'ec_promo_price'].includes(field);\n return isPriceField ? 0 : Number.MIN_SAFE_INTEGER;\n }\n get minimumInputValue() {\n return isUndefined(this.start) ? this.absoluteMinimum : this.start;\n }\n get maximumInputValue() {\n return isUndefined(this.end) ? Number.MAX_SAFE_INTEGER : this.end;\n }\n get startValue() {\n return this.range?.start !== undefined ? String(this.range.start) : '';\n }\n get endValue() {\n return this.range?.end !== undefined ? String(this.range.end) : '';\n }\n render() {\n const { facetId } = this.facet.state;\n const label = this.bindings.i18n.t(this.label);\n const minText = this.bindings.i18n.t('min');\n const maxText = this.bindings.i18n.t('max');\n const minAria = this.bindings.i18n.t('number-input-minimum', { label });\n const maxAria = this.bindings.i18n.t('number-input-maximum', { label });\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('number-input-apply', { label });\n const inputClasses = 'p-2.5 input-primary placeholder-neutral-dark min-w-0 mr-1';\n const labelClasses = 'text-neutral-dark text-sm';\n const step = 'any';\n return html `\n {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n \n {\n this.start = e.target.valueAsNumber;\n }}\n ${ref((ref) => {\n this.startRef = ref;\n })}\n />\n \n {\n this.end = e.target.valueAsNumber;\n }}\n ${ref((ref) => {\n this.endRef = ref;\n })}\n />\n \n ${apply}\n \n \n `;\n }\n};\nAtomicCommerceFacetNumberInput.styles = css`[part=input-form]{display:grid;grid-template-areas:\"label-start label-end .\" \"input-start input-end apply-button\";grid-template-columns:1fr 1fr auto}[part=label-start]{grid-area:label-start}[part=label-end]{grid-area:label-end}[part=input-start]{grid-area:input-start}[part=input-end]{grid-area:input-end}[part=input-apply-button]{grid-area:apply-button}`;\n__decorate([\n state()\n], AtomicCommerceFacetNumberInput.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacetNumberInput.prototype, \"error\", void 0);\n__decorate([\n property({ type: String })\n], AtomicCommerceFacetNumberInput.prototype, \"label\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceFacetNumberInput.prototype, \"range\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceFacetNumberInput.prototype, \"facet\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacetNumberInput.prototype, \"start\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacetNumberInput.prototype, \"end\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceFacetNumberInput.prototype, \"render\", null);\nAtomicCommerceFacetNumberInput = __decorate([\n customElement('atomic-commerce-facet-number-input'),\n bindings()\n], AtomicCommerceFacetNumberInput);\nexport { AtomicCommerceFacetNumberInput };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\n/**\n *\n * @internal\n */\nlet AtomicFacetPlaceholder = class AtomicFacetPlaceholder extends LitElement {\n constructor() {\n super(...arguments);\n /**\n * The number of placeholder value items to display.\n */\n this.valueCount = 8;\n }\n render() {\n return html `\n \n \n
    \n ${map(Array.from({ length: this.valueCount }), () => html `\n
    \n `)}\n \n \n `;\n }\n};\n__decorate([\n property({ type: Number, attribute: 'value-count' })\n], AtomicFacetPlaceholder.prototype, \"valueCount\", void 0);\nAtomicFacetPlaceholder = __decorate([\n customElement('atomic-facet-placeholder'),\n withTailwindStyles\n], AtomicFacetPlaceholder);\nexport { AtomicFacetPlaceholder };\n","import { isInDocument } from '../../../utils/utils';\nexport const isRefineModalFacet = 'is-refine-modal';\nexport function createAppLoadedListener(store, callback) {\n const updateIsAppLoaded = () => {\n const isAppLoaded = store.state.loadingFlags.length === 0;\n callback(isAppLoaded);\n };\n store.onChange('loadingFlags', updateIsAppLoaded);\n updateIsAppLoaded();\n}\nexport function createBaseStore(initialState) {\n const store = createStore(initialState);\n return {\n ...store,\n getUniqueIDFromEngine(_engine) {\n throw new Error('getUniqueIDFromEngine not implemented at the base store level.');\n },\n };\n}\nexport function registerFacet(store, facetType, data) {\n const clearExistingFacetElement = (facetType, facetId) => {\n if (store.state[facetType][facetId]) {\n store.state.facetElements = store.state.facetElements.filter((facetElement) => facetElement.getAttribute('facet-id') !== facetId);\n }\n };\n if (data.element.getAttribute(isRefineModalFacet) !== null) {\n return;\n }\n clearExistingFacetElement(facetType, data.facetId);\n store.state.facetElements.push(data.element);\n store.state[facetType][data.facetId] = data;\n}\nexport function setLoadingFlag(store, loadingFlag) {\n const flags = store.state.loadingFlags;\n store.state.loadingFlags = flags.concat(loadingFlag);\n}\nexport function unsetLoadingFlag(store, loadingFlag) {\n const flags = store.state.loadingFlags;\n store.state.loadingFlags = flags.filter((value) => value !== loadingFlag);\n}\nexport function getFacetElements(store) {\n return store.state.facetElements.filter((element) => isInDocument(element));\n}\nexport function waitUntilAppLoaded(store, callback) {\n if (!store.state.loadingFlags.length) {\n callback();\n }\n else {\n store.onChange('loadingFlags', (flags) => {\n if (!flags.length) {\n callback();\n }\n });\n }\n}\nfunction createStore(initialState) {\n const listeners = new Map();\n const state = new Proxy(initialState, {\n set(target, prop, value) {\n const oldValue = target[prop];\n if (oldValue !== value) {\n target[prop] = value;\n if (listeners.has(prop)) {\n for (const cb of listeners.get(prop)) {\n cb(value);\n }\n }\n }\n return true;\n },\n });\n const get = (propName) => {\n return state[propName];\n };\n const set = (propName, value) => {\n state[propName] = value;\n };\n const onChange = (propName, callback) => {\n if (!listeners.has(propName)) {\n listeners.set(propName, new Set());\n }\n listeners.get(propName).add(callback);\n return () => {\n listeners.get(propName).delete(callback);\n if (listeners.get(propName).size === 0) {\n listeners.delete(propName);\n }\n };\n };\n return {\n state,\n get,\n set,\n onChange,\n };\n}\n","import { html } from 'lit';\nimport { renderFacetValuesGroup } from '../facet-values-group/facet-values-group';\nexport const renderNumericFacetValuesGroup = ({ props: { i18n, label } }) => (children) => renderFacetValuesGroup({ props: { i18n, label } })(html `
      \n ${children}\n
    `);\n","export function shouldDisplayInputForFacetRange(facetRange) {\n const { hasInput, hasInputRange, searchStatusState, facetValues } = facetRange;\n if (!hasInput) {\n return false;\n }\n if (hasInputRange) {\n return true;\n }\n if (!searchStatusState.hasResults) {\n return false;\n }\n const onlyValuesWithResultsOrActive = facetValues.filter((value) => value.numberOfResults || value.state !== 'idle') || [];\n if (!onlyValuesWithResultsOrActive.length) {\n return false;\n }\n return true;\n}\nexport function sortFacetVisibility(facetElements, facetInfoMap) {\n const visibleFacets = [];\n const invisibleFacets = [];\n facetElements.forEach((facet) => {\n if (facetInfoMap[facet.facetId] && facetInfoMap[facet.facetId].isHidden()) {\n invisibleFacets.push(facet);\n }\n else {\n visibleFacets.push(facet);\n }\n });\n return { visibleFacets, invisibleFacets };\n}\nexport function collapseFacetsAfter(facets, visibleFacetsCount) {\n if (visibleFacetsCount === -1) {\n return;\n }\n facets.forEach((facet, index) => {\n facet.isCollapsed = index + 1 > visibleFacetsCount;\n });\n}\nexport function isAutomaticFacetGenerator(element) {\n return element.tagName === 'ATOMIC-AUTOMATIC-FACET-GENERATOR';\n}\nfunction isPseudoFacet(el) {\n return 'facetId' in el;\n}\nexport function getFacetsInChildren(parent) {\n const facets = Array.from(parent.children).filter((child) => isPseudoFacet(child));\n return facets;\n}\nexport function getAutomaticFacetGenerator(parent) {\n return Array.from(parent.children).find(isAutomaticFacetGenerator);\n}\nfunction findFacetParent(facet, parents) {\n for (let i = 0; i < parents.length; i++) {\n if (parents[i]?.contains(facet)) {\n return parents[i];\n }\n }\n return null;\n}\n/**\n * Triage elements by their parents.\n * @param facets Facet Elements\n * @param parents Elements that may contains the facets\n * @returns an array in the same order as the parents, containing the facets that are contained by the corresponding parent.\n * The last element of the array contains the facets that are not contained by any of the parents.\n */\nexport function triageFacetsByParents(facets, ...parents) {\n const sortedFacets = new Map(parents.concat([null]).map((parent) => [parent, []]));\n for (const facet of facets) {\n const parent = findFacetParent(facet, parents);\n sortedFacets.get(parent).push(facet);\n }\n return sortedFacets;\n}\n","import { html, nothing } from 'lit';\nimport { renderFacetValueCheckbox } from '../facet-value-checkbox/facet-value-checkbox';\nimport { renderFacetValueLabelHighlight } from '../facet-value-label-highlight/facet-value-label-highlight';\nimport { renderFacetValueLink } from '../facet-value-link/facet-value-link';\nimport { formatHumanReadable } from './formatter';\nexport const renderNumericFacetValue = ({ props }) => {\n const { facetValue, displayValuesAs, i18n, onClick } = props;\n const displayValue = formatHumanReadable(props);\n const isSelected = facetValue.state === 'selected';\n switch (displayValuesAs) {\n case 'checkbox':\n return renderFacetValueCheckbox({\n props: {\n displayValue,\n numberOfResults: facetValue.numberOfResults,\n isSelected,\n i18n,\n onClick: () => onClick(),\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n },\n }));\n case 'link':\n return renderFacetValueLink({\n props: {\n displayValue,\n numberOfResults: facetValue.numberOfResults,\n isSelected,\n i18n,\n onClick,\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n },\n }));\n default:\n return html `${nothing}`;\n }\n};\n","import facetCommonStyles from './facet-common.tw.css';\nimport facetValueCheckboxStyles from './facet-value-checkbox/facet-value-checkbox.tw.css';\nimport facetValueExcludeStyles from './facet-value-exclude/facet-value-exclude.tw.css';\nconst styles = [\n facetValueCheckboxStyles,\n facetValueExcludeStyles,\n facetCommonStyles,\n];\nexport default styles;\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildContext, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { renderNumericFacetValuesGroup } from \"../../common/facets/numeric-facet/values-container\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles\";\nimport { FocusTargetController } from \"../../../utils/accessibility-utils\";\nimport { shouldDisplayInputForFacetRange } from '../../common/facets/facet-common';\nimport { renderFacetContainer } from '../../common/facets/facet-container/facet-container';\nimport { renderFacetHeader } from '../../common/facets/facet-header/facet-header';\nimport { renderNumericFacetValue } from '../../common/facets/numeric-facet/value-link';\nimport { defaultCurrencyFormatter, defaultNumberFormatter, } from '../../common/formats/format-common';\nimport '../atomic-commerce-facet-number-input/atomic-commerce-facet-number-input';\nimport { bindings } from \"../../../decorators/bindings\";\nimport numericFacetCommonStyles from '../../common/facets/numeric-facet-common.tw.css';\n/**\n * The `atomic-commerce-numeric-facet` component renders a commerce facet that allows the user to filter products using numeric ranges.\n *\n * @part facet - The wrapper around the entire facet.\n * @part label-button - The clickable label button that toggles facet visibility.\n * @part label-button-icon - The icon displayed in the label button (expand/collapse arrow).\n * @part clear-button - The button to clear all selected facet values.\n * @part clear-button-icon - The icon displayed in the clear button.\n * @part values - The list container for all facet values.\n * @part value-label - The text label for individual facet values.\n * @part value-count - The count indicator showing the number of products for each value.\n * @part value-checkbox-label - The label associated with facet value checkboxes.\n * @part value-exclude-button - The button to exclude specific facet values.\n * @part input-form - The form container for numeric range inputs.\n * @part label-start - The label for the minimum value input field.\n * @part input-start - The input field to enter the minimum numeric value.\n * @part label-end - The label for the maximum value input field.\n * @part input-end - The input field to enter the maximum numeric value.\n * @part input-apply-button - The button to apply custom numeric range values.\n */\nlet AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet extends LitElement {\n constructor() {\n super(...arguments);\n /**\n * Whether the facet is collapsed.\n */\n this.isCollapsed = false;\n }\n initialize() {\n this.validateFacet();\n this.context = buildContext(this.bindings.engine);\n this.ensureSubscribed();\n }\n disconnectedCallback() {\n this.unsubscribeFacetController?.();\n this.unsubscribeFacetController = undefined;\n super.disconnectedCallback();\n }\n updated(changedProps) {\n super.updated(changedProps);\n if (changedProps.has('facet')) {\n this.validateFacet();\n }\n }\n get formatter() {\n if (this.field === 'ec_price' || this.field === 'ec_promo_price') {\n return defaultCurrencyFormatter(this.contextState.currency);\n }\n return defaultNumberFormatter;\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this, this.bindings);\n }\n return this.headerFocus;\n }\n get displayName() {\n return this.facetState.displayName || 'no-label';\n }\n get numberOfSelectedValues() {\n return (this.facetState.values.filter(({ state }) => state === 'selected').length ||\n 0);\n }\n get hasInputRange() {\n return !!this.facetState.manualRange;\n }\n get shouldRenderValues() {\n return !this.hasInputRange && !!this.valuesToRender.length;\n }\n get valuesToRender() {\n return (this.facetState.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);\n }\n get shouldRenderInput() {\n const { firstRequestExecuted: firstSearchExecuted, hasError, isLoading, hasProducts: hasResults, } = this.summaryState;\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: {\n firstSearchExecuted,\n hasError,\n hasResults,\n isLoading,\n },\n facetValues: this.facetState.values,\n hasInput: true,\n });\n }\n get shouldRenderFacet() {\n return this.shouldRenderInput || this.shouldRenderValues;\n }\n ensureSubscribed() {\n if (this.unsubscribeFacetController) {\n return;\n }\n this.unsubscribeFacetController = this.facet?.subscribe(() => {\n this.facetState = this.facet.state;\n });\n }\n renderValues() {\n return renderNumericFacetValuesGroup({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n },\n })(html `${this.valuesToRender.map((value) => renderNumericFacetValue({\n props: {\n formatter: this.formatter,\n displayValuesAs: 'checkbox',\n facetValue: value,\n field: this.facetState.field,\n i18n: this.bindings.i18n,\n logger: this.bindings.engine.logger,\n manualRanges: [],\n onClick: () => this.facet.toggleSelect(value),\n },\n }))} `);\n }\n onNumberInputApply(event) {\n const { detail: { start, end }, } = event;\n this.facet.setRanges([\n {\n start,\n end,\n endInclusive: true,\n state: 'selected',\n },\n ]);\n }\n render() {\n const { firstRequestExecuted } = this.summaryState;\n return html `${when(!firstRequestExecuted || this.shouldRenderFacet, () => renderFacetContainer()(html `${renderFacetHeader({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n numberOfActiveValues: this.numberOfSelectedValues,\n isCollapsed: this.isCollapsed,\n headingLevel: 0,\n onToggleCollapse: () => {\n this.isCollapsed = !this.isCollapsed;\n },\n onClearFilters: () => {\n this.focusTarget.focusAfterSearch();\n this.facet.deselectAll();\n },\n headerRef: (el) => this.focusTarget.setTarget(el),\n },\n })}\n ${when(!this.isCollapsed, () => html `${when(this.shouldRenderValues, () => this.renderValues())}\n ${when(this.shouldRenderInput, () => html ``)}`)}`))}`;\n }\n validateFacet() {\n if (!this.facet) {\n this.error = new Error('The \"facet\" property is required for .');\n }\n }\n};\nAtomicCommerceNumericFacet.styles = numericFacetCommonStyles;\n__decorate([\n property({ type: Object })\n], AtomicCommerceNumericFacet.prototype, \"summary\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceNumericFacet.prototype, \"facet\", void 0);\n__decorate([\n property({\n type: Boolean,\n reflect: true,\n attribute: 'is-collapsed',\n converter: booleanConverter,\n })\n], AtomicCommerceNumericFacet.prototype, \"isCollapsed\", void 0);\n__decorate([\n property({ reflect: true })\n], AtomicCommerceNumericFacet.prototype, \"field\", void 0);\n__decorate([\n state()\n], AtomicCommerceNumericFacet.prototype, \"bindings\", void 0);\n__decorate([\n bindStateToController('facet'),\n state()\n], AtomicCommerceNumericFacet.prototype, \"facetState\", void 0);\n__decorate([\n bindStateToController('summary'),\n state()\n], AtomicCommerceNumericFacet.prototype, \"summaryState\", void 0);\n__decorate([\n bindStateToController('context'),\n state()\n], AtomicCommerceNumericFacet.prototype, \"contextState\", void 0);\n__decorate([\n state()\n], AtomicCommerceNumericFacet.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceNumericFacet.prototype, \"render\", null);\nAtomicCommerceNumericFacet = __decorate([\n customElement('atomic-commerce-numeric-facet'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceNumericFacet);\nexport { AtomicCommerceNumericFacet };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildDateRange, } from '@eternal-baguette/headless';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { renderButton } from \"../button\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\nimport { parseDate } from \"../../../utils/date-utils\";\n/**\n * Internal component made to be integrated in a TimeframeFacet.\n *\n * @event atomic-date-input-apply: FacetDateInputEventDetails - Fired when the user applies a date range selection.\n * The event detail contains the date range with start and end dates.\n *\n * @internal\n */\nlet AtomicFacetDateInput = class AtomicFacetDateInput extends LightDomMixin(LitElement) {\n constructor() {\n super(...arguments);\n this.startRef = createRef();\n this.endRef = createRef();\n this.max = '9999-12-31';\n }\n initialize() { }\n connectedCallback() {\n super.connectedCallback();\n this.validateParentComponent();\n this.start = this.inputRange\n ? parseDate(this.inputRange.start).toDate()\n : undefined;\n this.end = this.inputRange\n ? parseDate(this.inputRange.end).toDate()\n : undefined;\n }\n /**\n * Validates that this component is only used within an atomic-commerce-timeframe-facet.\n * This is an internal component and should not be used directly by consumers.\n */\n validateParentComponent() {\n const validParents = [\n 'atomic-commerce-timeframe-facet',\n 'atomic-timeframe-facet',\n ];\n const parentElement = this.parentElement;\n const shadowHost = this.getRootNode() instanceof ShadowRoot\n ? this.getRootNode().host\n : null;\n const hostElements = [parentElement, shadowHost].filter(Boolean);\n const isValidParent = hostElements.some(({ tagName }) => validParents.includes(tagName.toLowerCase()));\n if (!isValidParent) {\n const error = new Error('atomic-facet-date-input is an internal component and should only be used within a timeframe facet.');\n this.error = error;\n }\n }\n updated(_changedProperties) {\n super.updated(_changedProperties);\n const startInput = this.startRef.value;\n const endInput = this.endRef.value;\n if (startInput && endInput && !startInput.value && !endInput.value) {\n startInput.min = this.min || this.formattedDateValue('1401-01-01');\n endInput.max = this.max || '';\n startInput.max = this.max || '';\n endInput.min = this.min || '';\n }\n }\n apply() {\n const startInput = this.startRef.value;\n const endInput = this.endRef.value;\n if (!startInput?.validity.valid || !endInput?.validity.valid) {\n return;\n }\n const rangeRequest = buildDateRange({\n start: this.start,\n end: new Date(this.end.getTime()).setHours(23, 59, 59, 999),\n });\n const eventDict = {\n detail: {\n start: rangeRequest.start,\n end: rangeRequest.end,\n endInclusive: rangeRequest.endInclusive,\n },\n bubbles: true,\n };\n this.dispatchEvent(new CustomEvent('atomic-date-input-apply', eventDict));\n // Backwards compatibility for stencil components listening this event\n this.dispatchEvent(new CustomEvent('atomic/dateInputApply', eventDict));\n }\n formattedDateValue(date) {\n if (!date) {\n return '';\n }\n return parseDate(date).format('YYYY-MM-DD');\n }\n render() {\n const label = this.bindings.i18n.t(this.label);\n const startLabel = this.bindings.i18n.t('start');\n const endLabel = this.bindings.i18n.t('end');\n const startAria = this.bindings.i18n.t('date-input-start', { label });\n const endAria = this.bindings.i18n.t('date-input-end', { label });\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('date-input-apply', { label });\n const inputClasses = 'input-primary p-2.5';\n const labelClasses = 'text-neutral-dark self-center';\n const placeholder = this.bindings.i18n.t('date-format-placeholder');\n // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n const pattern = '^(1[4-9]\\\\d{2}|2\\\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01])$';\n return html `\n {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n \n ${startLabel}:\n \n {\n this.start = parseDate(e.target.value).toDate();\n }}\n />\n \n ${endLabel}:\n \n {\n this.end = parseDate(e.target.value).toDate();\n }}\n />\n ${renderButton({\n props: {\n style: 'outline-primary',\n type: 'submit',\n part: 'input-apply-button',\n class: 'col-span-2 truncate p-2.5',\n ariaLabel: applyAria,\n text: apply,\n },\n })(html ``)}\n \n `;\n }\n};\n__decorate([\n state()\n], AtomicFacetDateInput.prototype, \"start\", void 0);\n__decorate([\n state()\n], AtomicFacetDateInput.prototype, \"end\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicFacetDateInput.prototype, \"inputRange\", void 0);\n__decorate([\n property()\n], AtomicFacetDateInput.prototype, \"facetId\", void 0);\n__decorate([\n property()\n], AtomicFacetDateInput.prototype, \"label\", void 0);\n__decorate([\n property()\n], AtomicFacetDateInput.prototype, \"min\", void 0);\n__decorate([\n property()\n], AtomicFacetDateInput.prototype, \"max\", void 0);\n__decorate([\n state()\n], AtomicFacetDateInput.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicFacetDateInput.prototype, \"bindings\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicFacetDateInput.prototype, \"render\", null);\nAtomicFacetDateInput = __decorate([\n customElement('atomic-facet-date-input'),\n bindings()\n], AtomicFacetDateInput);\nexport { AtomicFacetDateInput };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { deserializeRelativeDate, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { renderFacetContainer } from \"../../common/facets/facet-container/facet-container\";\nimport { renderFacetHeader } from \"../../common/facets/facet-header/facet-header\";\nimport { renderFacetValueLabelHighlight } from \"../../common/facets/facet-value-label-highlight/facet-value-label-highlight\";\nimport { renderFacetValueLink } from \"../../common/facets/facet-value-link/facet-value-link\";\nimport { renderFacetValuesGroup } from \"../../common/facets/facet-values-group/facet-values-group\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\nimport { FocusTargetController } from \"../../../utils/accessibility-utils\";\nimport { parseDate } from \"../../../utils/date-utils\";\nimport '../../common/atomic-facet-date-input/atomic-facet-date-input';\nimport { bindings } from \"../../../decorators/bindings\";\nimport { shouldDisplayInputForFacetRange } from '../../common/facets/facet-common';\nimport facetCommonStyles from '../../common/facets/facet-common.tw.css';\n/**\n * A facet is a list of values for a certain field occurring in the products.\n * An `atomic-commerce-timeframe-facet` displays a facet of the products for the current query as date intervals.\n *\n * @part facet - The wrapper for the entire facet.\n * @part label-button - The header button to expand/collapse the facet.\n * @part label-button-icon - The expand/collapse icon in the header.\n * @part clear-button - The button to clear all selected values.\n * @part clear-button-icon - The icon in the clear button.\n * @part values - The container for the facet values list.\n * @part value-link - A facet value button.\n * @part value-link-selected - A selected facet value button.\n * @part value-count - The product count for a facet value.\n * @part value-label - The label text of a facet value.\n * @part input-label - The label for date input fields.\n * @part input-start - The start date input field.\n * @part input-end - The end date input field.\n * @part input-apply-button - The button to apply date range selection.\n */\nlet AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet extends LitElement {\n constructor() {\n super(...arguments);\n /**\n * Whether the facet is collapsed.\n */\n this.isCollapsed = false;\n }\n get displayName() {\n return this.facetState.displayName || 'no-label';\n }\n get focusTarget() {\n if (!this.headerFocus) {\n this.headerFocus = new FocusTargetController(this, this.bindings);\n }\n return this.headerFocus;\n }\n initialize() {\n this.validateFacet();\n }\n applyDateInput(event) {\n this.inputRange = { start: event.detail.start, end: event.detail.end };\n }\n get valuesToRender() {\n return (this.facetState.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);\n }\n get shouldRenderValues() {\n return !this.hasInputRange && !!this.valuesToRender.length;\n }\n get shouldRenderFacet() {\n return this.shouldRenderInput || this.shouldRenderValues;\n }\n get shouldRenderInput() {\n const { firstRequestExecuted: firstSearchExecuted, hasError, isLoading, hasProducts: hasResults, } = this.summaryState;\n return shouldDisplayInputForFacetRange({\n hasInputRange: this.hasInputRange,\n searchStatusState: {\n firstSearchExecuted,\n hasError,\n hasResults,\n isLoading,\n },\n facetValues: this.facetState.values || [],\n hasInput: true,\n });\n }\n get numberOfSelectedValues() {\n if (this.hasInputRange) {\n return 1;\n }\n return (this.facetState.values.filter(({ state }) => state === 'selected').length ||\n 0);\n }\n get hasInputRange() {\n return !!this.inputRange;\n }\n resetRange() {\n this.inputRange = undefined;\n this.facet.setRanges([]);\n }\n formatFacetValue(facetValue) {\n try {\n const startDate = deserializeRelativeDate(facetValue.start);\n const relativeDate = startDate.period === 'past'\n ? startDate\n : deserializeRelativeDate(facetValue.end);\n return this.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {\n count: relativeDate.amount,\n });\n }\n catch (_error) {\n return this.bindings.i18n.t('to', {\n start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n });\n }\n }\n renderValues() {\n return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));\n }\n renderValue(facetValue) {\n const displayValue = this.formatFacetValue(facetValue);\n const isSelected = facetValue.state === 'selected';\n const isExcluded = facetValue.state === 'excluded';\n return renderFacetValueLink({\n props: {\n displayValue,\n isSelected,\n numberOfResults: facetValue.numberOfResults,\n i18n: this.bindings.i18n,\n onClick: () => this.facet.toggleSingleSelect(facetValue),\n },\n })(renderFacetValueLabelHighlight({\n props: {\n displayValue,\n isSelected,\n isExcluded,\n },\n }));\n }\n renderValuesContainer(children) {\n return renderFacetValuesGroup({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n },\n })(html `
      \n ${children}\n
    `);\n }\n renderHeader() {\n return renderFacetHeader({\n props: {\n i18n: this.bindings.i18n,\n label: this.displayName,\n onClearFilters: () => {\n this.focusTarget.focusAfterSearch();\n if (this.hasInputRange) {\n this.resetRange();\n return;\n }\n this.facet.deselectAll();\n },\n numberOfActiveValues: this.numberOfSelectedValues,\n isCollapsed: this.isCollapsed,\n headingLevel: 0,\n onToggleCollapse: () => {\n this.isCollapsed = !this.isCollapsed;\n },\n headerRef: (el) => this.focusTarget.setTarget(el),\n },\n });\n }\n renderDateInput() {\n return html `\n {\n const { start, end, endInclusive } = event.detail;\n this.facet.setRanges([\n {\n start,\n end,\n endInclusive,\n state: 'selected',\n },\n ]);\n this.applyDateInput(event);\n }}\n >\n `;\n }\n render() {\n const { hasError, firstRequestExecuted } = this.summaryState;\n return html `${when(!hasError && firstRequestExecuted && this.shouldRenderFacet, () => renderFacetContainer()(html `${this.renderHeader()}\n ${when(!this.isCollapsed, () => html `\n ${when(this.shouldRenderValues, () => this.renderValues())}\n ${when(this.shouldRenderInput, () => this.renderDateInput())}\n `)}`))}`;\n }\n updated(changedProps) {\n super.updated(changedProps);\n if (changedProps.has('facet')) {\n this.validateFacet();\n }\n }\n validateFacet() {\n if (!this.facet) {\n this.error = new Error('The \"facet\" property is required for .');\n }\n }\n};\nAtomicCommerceTimeframeFacet.styles = facetCommonStyles;\n__decorate([\n property({ type: Object })\n], AtomicCommerceTimeframeFacet.prototype, \"summary\", void 0);\n__decorate([\n property({ type: Object })\n], AtomicCommerceTimeframeFacet.prototype, \"facet\", void 0);\n__decorate([\n property({\n type: Boolean,\n reflect: true,\n converter: booleanConverter,\n attribute: 'is-collapsed',\n })\n], AtomicCommerceTimeframeFacet.prototype, \"isCollapsed\", void 0);\n__decorate([\n property({ reflect: true })\n], AtomicCommerceTimeframeFacet.prototype, \"field\", void 0);\n__decorate([\n state()\n], AtomicCommerceTimeframeFacet.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceTimeframeFacet.prototype, \"error\", void 0);\n__decorate([\n bindStateToController('summary'),\n state()\n], AtomicCommerceTimeframeFacet.prototype, \"summaryState\", void 0);\n__decorate([\n bindStateToController('facet'),\n state()\n], AtomicCommerceTimeframeFacet.prototype, \"facetState\", void 0);\n__decorate([\n state()\n], AtomicCommerceTimeframeFacet.prototype, \"inputRange\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceTimeframeFacet.prototype, \"render\", null);\nAtomicCommerceTimeframeFacet = __decorate([\n customElement('atomic-commerce-timeframe-facet'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceTimeframeFacet);\nexport { AtomicCommerceTimeframeFacet };\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { NumberValue, Schema } from '@eternal-baguette/bueno';\nimport { buildProductListing, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport '../../common/atomic-facet-placeholder/atomic-facet-placeholder';\nimport { createAppLoadedListener } from '../../common/interface/store';\nimport '../atomic-commerce-category-facet/atomic-commerce-category-facet';\nimport '../atomic-commerce-facet/atomic-commerce-facet';\nimport '../atomic-commerce-numeric-facet/atomic-commerce-numeric-facet';\nimport '../atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\n/**\n * The `atomic-commerce-facets` component automatically renders commerce facets based on the Commerce API response.\n * Unlike regular facets, which require explicit definition and request in the query, the `atomic-commerce-facets` component dynamically generates facets.\n */\nlet AtomicCommerceFacets = class AtomicCommerceFacets extends LightDomMixin(LitElement) {\n constructor() {\n super(...arguments);\n /**\n * The maximum number of facets to expand.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n * Using the value `-1` disables the feature and keeps all facets expanded.\n */\n this.collapseFacetsAfter = 4;\n this.isAppLoaded = false;\n }\n initialize() {\n this.validateProps();\n const controller = this.controllerBuilder(this.bindings.engine);\n this.facetGenerator = controller.facetGenerator();\n this.summary = controller.summary();\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n isProductListing() {\n return this.bindings.interfaceElement.type === 'product-listing';\n }\n get controllerBuilder() {\n return this.isProductListing() ? buildProductListing : buildSearch;\n }\n validateProps() {\n new Schema({\n collapseFacetsAfter: new NumberValue({ min: -1, required: true }),\n }).validate({\n collapseFacetsAfter: this.collapseFacetsAfter,\n });\n }\n shouldCollapseFacet(index, facet) {\n if (this.collapseFacetsAfter === -1 || facet.state.hasActiveValues) {\n return false;\n }\n return this.collapseFacetsAfter\n ? index + 1 > this.collapseFacetsAfter\n : true;\n }\n renderFacetPlaceholders() {\n return map(Array.from({ length: this.collapseFacetsAfter }), () => html ``);\n }\n renderFacets() {\n return map(this.facetGenerator.facets, (facet, index) => {\n if (facet.state.values.length === 0) {\n return nothing;\n }\n const isCollapsed = this.shouldCollapseFacet(index, facet);\n switch (facet.state.type) {\n case 'regular':\n return html `${keyed(facet.state.facetId, html `\n     \n `)} `;\n case 'numericalRange':\n return html `${keyed(facet.state.facetId, html ``)}`;\n case 'dateRange':\n return html `${keyed(facet.state.facetId, html ``)}`;\n case 'hierarchical':\n return html `${keyed(facet.state.facetId, html `    `)}`;\n default: {\n // TODO COMHUB-291 support location facet\n this.bindings.engine.logger.warn('Unexpected facet type.');\n return nothing;\n }\n }\n });\n }\n render() {\n return html `${when(this.isAppLoaded, () => this.renderFacets(), () => this.renderFacetPlaceholders())}`;\n }\n};\n__decorate([\n state()\n], AtomicCommerceFacets.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacets.prototype, \"error\", void 0);\n__decorate([\n bindStateToController('facetGenerator'),\n state()\n], AtomicCommerceFacets.prototype, \"facetGeneratorState\", void 0);\n__decorate([\n property({ reflect: true, attribute: 'collapse-facets-after', type: Number })\n], AtomicCommerceFacets.prototype, \"collapseFacetsAfter\", void 0);\n__decorate([\n state()\n], AtomicCommerceFacets.prototype, \"isAppLoaded\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceFacets.prototype, \"render\", null);\nAtomicCommerceFacets = __decorate([\n customElement('atomic-commerce-facets'),\n bindings()\n], AtomicCommerceFacets);\nexport { AtomicCommerceFacets };\n","const isString = obj => typeof obj === 'string';\nconst defer = () => {\n let res;\n let rej;\n const promise = new Promise((resolve, reject) => {\n res = resolve;\n rej = reject;\n });\n promise.resolve = res;\n promise.reject = rej;\n return promise;\n};\nconst makeString = object => {\n if (object == null) return '';\n return '' + object;\n};\nconst copy = (a, s, t) => {\n a.forEach(m => {\n if (s[m]) t[m] = s[m];\n });\n};\nconst lastOfPathSeparatorRegExp = /###/g;\nconst cleanKey = key => key && key.indexOf('###') > -1 ? key.replace(lastOfPathSeparatorRegExp, '.') : key;\nconst canNotTraverseDeeper = object => !object || isString(object);\nconst getLastOfPath = (object, path, Empty) => {\n const stack = !isString(path) ? path : path.split('.');\n let stackIndex = 0;\n while (stackIndex < stack.length - 1) {\n if (canNotTraverseDeeper(object)) return {};\n const key = cleanKey(stack[stackIndex]);\n if (!object[key] && Empty) object[key] = new Empty();\n if (Object.prototype.hasOwnProperty.call(object, key)) {\n object = object[key];\n } else {\n object = {};\n }\n ++stackIndex;\n }\n if (canNotTraverseDeeper(object)) return {};\n return {\n obj: object,\n k: cleanKey(stack[stackIndex])\n };\n};\nconst setPath = (object, path, newValue) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path, Object);\n if (obj !== undefined || path.length === 1) {\n obj[k] = newValue;\n return;\n }\n let e = path[path.length - 1];\n let p = path.slice(0, path.length - 1);\n let last = getLastOfPath(object, p, Object);\n while (last.obj === undefined && p.length) {\n e = `${p[p.length - 1]}.${e}`;\n p = p.slice(0, p.length - 1);\n last = getLastOfPath(object, p, Object);\n if (last?.obj && typeof last.obj[`${last.k}.${e}`] !== 'undefined') {\n last.obj = undefined;\n }\n }\n last.obj[`${last.k}.${e}`] = newValue;\n};\nconst pushPath = (object, path, newValue, concat) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path, Object);\n obj[k] = obj[k] || [];\n obj[k].push(newValue);\n};\nconst getPath = (object, path) => {\n const {\n obj,\n k\n } = getLastOfPath(object, path);\n if (!obj) return undefined;\n if (!Object.prototype.hasOwnProperty.call(obj, k)) return undefined;\n return obj[k];\n};\nconst getPathWithDefaults = (data, defaultData, key) => {\n const value = getPath(data, key);\n if (value !== undefined) {\n return value;\n }\n return getPath(defaultData, key);\n};\nconst deepExtend = (target, source, overwrite) => {\n for (const prop in source) {\n if (prop !== '__proto__' && prop !== 'constructor') {\n if (prop in target) {\n if (isString(target[prop]) || target[prop] instanceof String || isString(source[prop]) || source[prop] instanceof String) {\n if (overwrite) target[prop] = source[prop];\n } else {\n deepExtend(target[prop], source[prop], overwrite);\n }\n } else {\n target[prop] = source[prop];\n }\n }\n }\n return target;\n};\nconst regexEscape = str => str.replace(/[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]/g, '\\\\$&');\nvar _entityMap = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '/': '/'\n};\nconst escape = data => {\n if (isString(data)) {\n return data.replace(/[&<>\"'\\/]/g, s => _entityMap[s]);\n }\n return data;\n};\nclass RegExpCache {\n constructor(capacity) {\n this.capacity = capacity;\n this.regExpMap = new Map();\n this.regExpQueue = [];\n }\n getRegExp(pattern) {\n const regExpFromCache = this.regExpMap.get(pattern);\n if (regExpFromCache !== undefined) {\n return regExpFromCache;\n }\n const regExpNew = new RegExp(pattern);\n if (this.regExpQueue.length === this.capacity) {\n this.regExpMap.delete(this.regExpQueue.shift());\n }\n this.regExpMap.set(pattern, regExpNew);\n this.regExpQueue.push(pattern);\n return regExpNew;\n }\n}\nconst chars = [' ', ',', '?', '!', ';'];\nconst looksLikeObjectPathRegExpCache = new RegExpCache(20);\nconst looksLikeObjectPath = (key, nsSeparator, keySeparator) => {\n nsSeparator = nsSeparator || '';\n keySeparator = keySeparator || '';\n const possibleChars = chars.filter(c => nsSeparator.indexOf(c) < 0 && keySeparator.indexOf(c) < 0);\n if (possibleChars.length === 0) return true;\n const r = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map(c => c === '?' ? '\\\\?' : c).join('|')})`);\n let matched = !r.test(key);\n if (!matched) {\n const ki = key.indexOf(keySeparator);\n if (ki > 0 && !r.test(key.substring(0, ki))) {\n matched = true;\n }\n }\n return matched;\n};\nconst deepFind = (obj, path, keySeparator = '.') => {\n if (!obj) return undefined;\n if (obj[path]) {\n if (!Object.prototype.hasOwnProperty.call(obj, path)) return undefined;\n return obj[path];\n }\n const tokens = path.split(keySeparator);\n let current = obj;\n for (let i = 0; i < tokens.length;) {\n if (!current || typeof current !== 'object') {\n return undefined;\n }\n let next;\n let nextPath = '';\n for (let j = i; j < tokens.length; ++j) {\n if (j !== i) {\n nextPath += keySeparator;\n }\n nextPath += tokens[j];\n next = current[nextPath];\n if (next !== undefined) {\n if (['string', 'number', 'boolean'].indexOf(typeof next) > -1 && j < tokens.length - 1) {\n continue;\n }\n i += j - i + 1;\n break;\n }\n }\n current = next;\n }\n return current;\n};\nconst getCleanedCode = code => code?.replace('_', '-');\n\nconst consoleLogger = {\n type: 'logger',\n log(args) {\n this.output('log', args);\n },\n warn(args) {\n this.output('warn', args);\n },\n error(args) {\n this.output('error', args);\n },\n output(type, args) {\n console?.[type]?.apply?.(console, args);\n }\n};\nclass Logger {\n constructor(concreteLogger, options = {}) {\n this.init(concreteLogger, options);\n }\n init(concreteLogger, options = {}) {\n this.prefix = options.prefix || 'i18next:';\n this.logger = concreteLogger || consoleLogger;\n this.options = options;\n this.debug = options.debug;\n }\n log(...args) {\n return this.forward(args, 'log', '', true);\n }\n warn(...args) {\n return this.forward(args, 'warn', '', true);\n }\n error(...args) {\n return this.forward(args, 'error', '');\n }\n deprecate(...args) {\n return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);\n }\n forward(args, lvl, prefix, debugOnly) {\n if (debugOnly && !this.debug) return null;\n if (isString(args[0])) args[0] = `${prefix}${this.prefix} ${args[0]}`;\n return this.logger[lvl](args);\n }\n create(moduleName) {\n return new Logger(this.logger, {\n ...{\n prefix: `${this.prefix}:${moduleName}:`\n },\n ...this.options\n });\n }\n clone(options) {\n options = options || this.options;\n options.prefix = options.prefix || this.prefix;\n return new Logger(this.logger, options);\n }\n}\nvar baseLogger = new Logger();\n\nclass EventEmitter {\n constructor() {\n this.observers = {};\n }\n on(events, listener) {\n events.split(' ').forEach(event => {\n if (!this.observers[event]) this.observers[event] = new Map();\n const numListeners = this.observers[event].get(listener) || 0;\n this.observers[event].set(listener, numListeners + 1);\n });\n return this;\n }\n off(event, listener) {\n if (!this.observers[event]) return;\n if (!listener) {\n delete this.observers[event];\n return;\n }\n this.observers[event].delete(listener);\n }\n emit(event, ...args) {\n if (this.observers[event]) {\n const cloned = Array.from(this.observers[event].entries());\n cloned.forEach(([observer, numTimesAdded]) => {\n for (let i = 0; i < numTimesAdded; i++) {\n observer(...args);\n }\n });\n }\n if (this.observers['*']) {\n const cloned = Array.from(this.observers['*'].entries());\n cloned.forEach(([observer, numTimesAdded]) => {\n for (let i = 0; i < numTimesAdded; i++) {\n observer.apply(observer, [event, ...args]);\n }\n });\n }\n }\n}\n\nclass ResourceStore extends EventEmitter {\n constructor(data, options = {\n ns: ['translation'],\n defaultNS: 'translation'\n }) {\n super();\n this.data = data || {};\n this.options = options;\n if (this.options.keySeparator === undefined) {\n this.options.keySeparator = '.';\n }\n if (this.options.ignoreJSONStructure === undefined) {\n this.options.ignoreJSONStructure = true;\n }\n }\n addNamespaces(ns) {\n if (this.options.ns.indexOf(ns) < 0) {\n this.options.ns.push(ns);\n }\n }\n removeNamespaces(ns) {\n const index = this.options.ns.indexOf(ns);\n if (index > -1) {\n this.options.ns.splice(index, 1);\n }\n }\n getResource(lng, ns, key, options = {}) {\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n const ignoreJSONStructure = options.ignoreJSONStructure !== undefined ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;\n let path;\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n } else {\n path = [lng, ns];\n if (key) {\n if (Array.isArray(key)) {\n path.push(...key);\n } else if (isString(key) && keySeparator) {\n path.push(...key.split(keySeparator));\n } else {\n path.push(key);\n }\n }\n }\n const result = getPath(this.data, path);\n if (!result && !ns && !key && lng.indexOf('.') > -1) {\n lng = path[0];\n ns = path[1];\n key = path.slice(2).join('.');\n }\n if (result || !ignoreJSONStructure || !isString(key)) return result;\n return deepFind(this.data?.[lng]?.[ns], key, keySeparator);\n }\n addResource(lng, ns, key, value, options = {\n silent: false\n }) {\n const keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;\n let path = [lng, ns];\n if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n value = ns;\n ns = path[1];\n }\n this.addNamespaces(ns);\n setPath(this.data, path, value);\n if (!options.silent) this.emit('added', lng, ns, key, value);\n }\n addResources(lng, ns, resources, options = {\n silent: false\n }) {\n for (const m in resources) {\n if (isString(resources[m]) || Array.isArray(resources[m])) this.addResource(lng, ns, m, resources[m], {\n silent: true\n });\n }\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n addResourceBundle(lng, ns, resources, deep, overwrite, options = {\n silent: false,\n skipCopy: false\n }) {\n let path = [lng, ns];\n if (lng.indexOf('.') > -1) {\n path = lng.split('.');\n deep = resources;\n resources = ns;\n ns = path[1];\n }\n this.addNamespaces(ns);\n let pack = getPath(this.data, path) || {};\n if (!options.skipCopy) resources = JSON.parse(JSON.stringify(resources));\n if (deep) {\n deepExtend(pack, resources, overwrite);\n } else {\n pack = {\n ...pack,\n ...resources\n };\n }\n setPath(this.data, path, pack);\n if (!options.silent) this.emit('added', lng, ns, resources);\n }\n removeResourceBundle(lng, ns) {\n if (this.hasResourceBundle(lng, ns)) {\n delete this.data[lng][ns];\n }\n this.removeNamespaces(ns);\n this.emit('removed', lng, ns);\n }\n hasResourceBundle(lng, ns) {\n return this.getResource(lng, ns) !== undefined;\n }\n getResourceBundle(lng, ns) {\n if (!ns) ns = this.options.defaultNS;\n return this.getResource(lng, ns);\n }\n getDataByLanguage(lng) {\n return this.data[lng];\n }\n hasLanguageSomeTranslations(lng) {\n const data = this.getDataByLanguage(lng);\n const n = data && Object.keys(data) || [];\n return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);\n }\n toJSON() {\n return this.data;\n }\n}\n\nvar postProcessor = {\n processors: {},\n addPostProcessor(module) {\n this.processors[module.name] = module;\n },\n handle(processors, value, key, options, translator) {\n processors.forEach(processor => {\n value = this.processors[processor]?.process(value, key, options, translator) ?? value;\n });\n return value;\n }\n};\n\nconst checkedLoadedFor = {};\nconst shouldHandleAsObject = res => !isString(res) && typeof res !== 'boolean' && typeof res !== 'number';\nclass Translator extends EventEmitter {\n constructor(services, options = {}) {\n super();\n copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, this);\n this.options = options;\n if (this.options.keySeparator === undefined) {\n this.options.keySeparator = '.';\n }\n this.logger = baseLogger.create('translator');\n }\n changeLanguage(lng) {\n if (lng) this.language = lng;\n }\n exists(key, o = {\n interpolation: {}\n }) {\n const opt = {\n ...o\n };\n if (key == null) return false;\n const resolved = this.resolve(key, opt);\n return resolved?.res !== undefined;\n }\n extractFromKey(key, opt) {\n let nsSeparator = opt.nsSeparator !== undefined ? opt.nsSeparator : this.options.nsSeparator;\n if (nsSeparator === undefined) nsSeparator = ':';\n const keySeparator = opt.keySeparator !== undefined ? opt.keySeparator : this.options.keySeparator;\n let namespaces = opt.ns || this.options.defaultNS || [];\n const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;\n const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);\n if (wouldCheckForNsInKey && !seemsNaturalLanguage) {\n const m = key.match(this.interpolator.nestingRegexp);\n if (m && m.length > 0) {\n return {\n key,\n namespaces: isString(namespaces) ? [namespaces] : namespaces\n };\n }\n const parts = key.split(nsSeparator);\n if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > -1) namespaces = parts.shift();\n key = parts.join(keySeparator);\n }\n return {\n key,\n namespaces: isString(namespaces) ? [namespaces] : namespaces\n };\n }\n translate(keys, o, lastKey) {\n let opt = typeof o === 'object' ? {\n ...o\n } : o;\n if (typeof opt !== 'object' && this.options.overloadTranslationOptionHandler) {\n opt = this.options.overloadTranslationOptionHandler(arguments);\n }\n if (typeof options === 'object') opt = {\n ...opt\n };\n if (!opt) opt = {};\n if (keys == null) return '';\n if (!Array.isArray(keys)) keys = [String(keys)];\n const returnDetails = opt.returnDetails !== undefined ? opt.returnDetails : this.options.returnDetails;\n const keySeparator = opt.keySeparator !== undefined ? opt.keySeparator : this.options.keySeparator;\n const {\n key,\n namespaces\n } = this.extractFromKey(keys[keys.length - 1], opt);\n const namespace = namespaces[namespaces.length - 1];\n let nsSeparator = opt.nsSeparator !== undefined ? opt.nsSeparator : this.options.nsSeparator;\n if (nsSeparator === undefined) nsSeparator = ':';\n const lng = opt.lng || this.language;\n const appendNamespaceToCIMode = opt.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;\n if (lng?.toLowerCase() === 'cimode') {\n if (appendNamespaceToCIMode) {\n if (returnDetails) {\n return {\n res: `${namespace}${nsSeparator}${key}`,\n usedKey: key,\n exactUsedKey: key,\n usedLng: lng,\n usedNS: namespace,\n usedParams: this.getUsedParamsDetails(opt)\n };\n }\n return `${namespace}${nsSeparator}${key}`;\n }\n if (returnDetails) {\n return {\n res: key,\n usedKey: key,\n exactUsedKey: key,\n usedLng: lng,\n usedNS: namespace,\n usedParams: this.getUsedParamsDetails(opt)\n };\n }\n return key;\n }\n const resolved = this.resolve(keys, opt);\n let res = resolved?.res;\n const resUsedKey = resolved?.usedKey || key;\n const resExactUsedKey = resolved?.exactUsedKey || key;\n const noObject = ['[object Number]', '[object Function]', '[object RegExp]'];\n const joinArrays = opt.joinArrays !== undefined ? opt.joinArrays : this.options.joinArrays;\n const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;\n const needsPluralHandling = opt.count !== undefined && !isString(opt.count);\n const hasDefaultValue = Translator.hasDefaultValue(opt);\n const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, opt) : '';\n const defaultValueSuffixOrdinalFallback = opt.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, {\n ordinal: false\n }) : '';\n const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;\n const defaultValue = needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] || opt[`defaultValue${defaultValueSuffix}`] || opt[`defaultValue${defaultValueSuffixOrdinalFallback}`] || opt.defaultValue;\n let resForObjHndl = res;\n if (handleAsObjectInI18nFormat && !res && hasDefaultValue) {\n resForObjHndl = defaultValue;\n }\n const handleAsObject = shouldHandleAsObject(resForObjHndl);\n const resType = Object.prototype.toString.apply(resForObjHndl);\n if (handleAsObjectInI18nFormat && resForObjHndl && handleAsObject && noObject.indexOf(resType) < 0 && !(isString(joinArrays) && Array.isArray(resForObjHndl))) {\n if (!opt.returnObjects && !this.options.returnObjects) {\n if (!this.options.returnedObjectHandler) {\n this.logger.warn('accessing an object - but returnObjects options is not enabled!');\n }\n const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {\n ...opt,\n ns: namespaces\n }) : `key '${key} (${this.language})' returned an object instead of string.`;\n if (returnDetails) {\n resolved.res = r;\n resolved.usedParams = this.getUsedParamsDetails(opt);\n return resolved;\n }\n return r;\n }\n if (keySeparator) {\n const resTypeIsArray = Array.isArray(resForObjHndl);\n const copy = resTypeIsArray ? [] : {};\n const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;\n for (const m in resForObjHndl) {\n if (Object.prototype.hasOwnProperty.call(resForObjHndl, m)) {\n const deepKey = `${newKeyToUse}${keySeparator}${m}`;\n if (hasDefaultValue && !res) {\n copy[m] = this.translate(deepKey, {\n ...opt,\n defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m] : undefined,\n ...{\n joinArrays: false,\n ns: namespaces\n }\n });\n } else {\n copy[m] = this.translate(deepKey, {\n ...opt,\n ...{\n joinArrays: false,\n ns: namespaces\n }\n });\n }\n if (copy[m] === deepKey) copy[m] = resForObjHndl[m];\n }\n }\n res = copy;\n }\n } else if (handleAsObjectInI18nFormat && isString(joinArrays) && Array.isArray(res)) {\n res = res.join(joinArrays);\n if (res) res = this.extendTranslation(res, keys, opt, lastKey);\n } else {\n let usedDefault = false;\n let usedKey = false;\n if (!this.isValidLookup(res) && hasDefaultValue) {\n usedDefault = true;\n res = defaultValue;\n }\n if (!this.isValidLookup(res)) {\n usedKey = true;\n res = key;\n }\n const missingKeyNoValueFallbackToKey = opt.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;\n const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? undefined : res;\n const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;\n if (usedKey || usedDefault || updateMissing) {\n this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? defaultValue : res);\n if (keySeparator) {\n const fk = this.resolve(key, {\n ...opt,\n keySeparator: false\n });\n if (fk && fk.res) this.logger.warn('Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.');\n }\n let lngs = [];\n const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, opt.lng || this.language);\n if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {\n for (let i = 0; i < fallbackLngs.length; i++) {\n lngs.push(fallbackLngs[i]);\n }\n } else if (this.options.saveMissingTo === 'all') {\n lngs = this.languageUtils.toResolveHierarchy(opt.lng || this.language);\n } else {\n lngs.push(opt.lng || this.language);\n }\n const send = (l, k, specificDefaultValue) => {\n const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;\n if (this.options.missingKeyHandler) {\n this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, opt);\n } else if (this.backendConnector?.saveMissing) {\n this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, opt);\n }\n this.emit('missingKey', l, namespace, k, res);\n };\n if (this.options.saveMissing) {\n if (this.options.saveMissingPlurals && needsPluralHandling) {\n lngs.forEach(language => {\n const suffixes = this.pluralResolver.getSuffixes(language, opt);\n if (needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] && suffixes.indexOf(`${this.options.pluralSeparator}zero`) < 0) {\n suffixes.push(`${this.options.pluralSeparator}zero`);\n }\n suffixes.forEach(suffix => {\n send([language], key + suffix, opt[`defaultValue${suffix}`] || defaultValue);\n });\n });\n } else {\n send(lngs, key, defaultValue);\n }\n }\n }\n res = this.extendTranslation(res, keys, opt, resolved, lastKey);\n if (usedKey && res === key && this.options.appendNamespaceToMissingKey) {\n res = `${namespace}${nsSeparator}${key}`;\n }\n if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {\n res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}${nsSeparator}${key}` : key, usedDefault ? res : undefined, opt);\n }\n }\n if (returnDetails) {\n resolved.res = res;\n resolved.usedParams = this.getUsedParamsDetails(opt);\n return resolved;\n }\n return res;\n }\n extendTranslation(res, key, opt, resolved, lastKey) {\n if (this.i18nFormat?.parse) {\n res = this.i18nFormat.parse(res, {\n ...this.options.interpolation.defaultVariables,\n ...opt\n }, opt.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {\n resolved\n });\n } else if (!opt.skipInterpolation) {\n if (opt.interpolation) this.interpolator.init({\n ...opt,\n ...{\n interpolation: {\n ...this.options.interpolation,\n ...opt.interpolation\n }\n }\n });\n const skipOnVariables = isString(res) && (opt?.interpolation?.skipOnVariables !== undefined ? opt.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);\n let nestBef;\n if (skipOnVariables) {\n const nb = res.match(this.interpolator.nestingRegexp);\n nestBef = nb && nb.length;\n }\n let data = opt.replace && !isString(opt.replace) ? opt.replace : opt;\n if (this.options.interpolation.defaultVariables) data = {\n ...this.options.interpolation.defaultVariables,\n ...data\n };\n res = this.interpolator.interpolate(res, data, opt.lng || this.language || resolved.usedLng, opt);\n if (skipOnVariables) {\n const na = res.match(this.interpolator.nestingRegexp);\n const nestAft = na && na.length;\n if (nestBef < nestAft) opt.nest = false;\n }\n if (!opt.lng && resolved && resolved.res) opt.lng = this.language || resolved.usedLng;\n if (opt.nest !== false) res = this.interpolator.nest(res, (...args) => {\n if (lastKey?.[0] === args[0] && !opt.context) {\n this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);\n return null;\n }\n return this.translate(...args, key);\n }, opt);\n if (opt.interpolation) this.interpolator.reset();\n }\n const postProcess = opt.postProcess || this.options.postProcess;\n const postProcessorNames = isString(postProcess) ? [postProcess] : postProcess;\n if (res != null && postProcessorNames?.length && opt.applyPostProcessor !== false) {\n res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {\n i18nResolved: {\n ...resolved,\n usedParams: this.getUsedParamsDetails(opt)\n },\n ...opt\n } : opt, this);\n }\n return res;\n }\n resolve(keys, opt = {}) {\n let found;\n let usedKey;\n let exactUsedKey;\n let usedLng;\n let usedNS;\n if (isString(keys)) keys = [keys];\n keys.forEach(k => {\n if (this.isValidLookup(found)) return;\n const extracted = this.extractFromKey(k, opt);\n const key = extracted.key;\n usedKey = key;\n let namespaces = extracted.namespaces;\n if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);\n const needsPluralHandling = opt.count !== undefined && !isString(opt.count);\n const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;\n const needsContextHandling = opt.context !== undefined && (isString(opt.context) || typeof opt.context === 'number') && opt.context !== '';\n const codes = opt.lngs ? opt.lngs : this.languageUtils.toResolveHierarchy(opt.lng || this.language, opt.fallbackLng);\n namespaces.forEach(ns => {\n if (this.isValidLookup(found)) return;\n usedNS = ns;\n if (!checkedLoadedFor[`${codes[0]}-${ns}`] && this.utils?.hasLoadedNamespace && !this.utils?.hasLoadedNamespace(usedNS)) {\n checkedLoadedFor[`${codes[0]}-${ns}`] = true;\n this.logger.warn(`key \"${usedKey}\" for languages \"${codes.join(', ')}\" won't get resolved as namespace \"${usedNS}\" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n }\n codes.forEach(code => {\n if (this.isValidLookup(found)) return;\n usedLng = code;\n const finalKeys = [key];\n if (this.i18nFormat?.addLookupKeys) {\n this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, opt);\n } else {\n let pluralSuffix;\n if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, opt.count, opt);\n const zeroSuffix = `${this.options.pluralSeparator}zero`;\n const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;\n if (needsPluralHandling) {\n finalKeys.push(key + pluralSuffix);\n if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {\n finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));\n }\n if (needsZeroSuffixLookup) {\n finalKeys.push(key + zeroSuffix);\n }\n }\n if (needsContextHandling) {\n const contextKey = `${key}${this.options.contextSeparator}${opt.context}`;\n finalKeys.push(contextKey);\n if (needsPluralHandling) {\n finalKeys.push(contextKey + pluralSuffix);\n if (opt.ordinal && pluralSuffix.indexOf(ordinalPrefix) === 0) {\n finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));\n }\n if (needsZeroSuffixLookup) {\n finalKeys.push(contextKey + zeroSuffix);\n }\n }\n }\n }\n let possibleKey;\n while (possibleKey = finalKeys.pop()) {\n if (!this.isValidLookup(found)) {\n exactUsedKey = possibleKey;\n found = this.getResource(code, ns, possibleKey, opt);\n }\n }\n });\n });\n });\n return {\n res: found,\n usedKey,\n exactUsedKey,\n usedLng,\n usedNS\n };\n }\n isValidLookup(res) {\n return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');\n }\n getResource(code, ns, key, options = {}) {\n if (this.i18nFormat?.getResource) return this.i18nFormat.getResource(code, ns, key, options);\n return this.resourceStore.getResource(code, ns, key, options);\n }\n getUsedParamsDetails(options = {}) {\n const optionsKeys = ['defaultValue', 'ordinal', 'context', 'replace', 'lng', 'lngs', 'fallbackLng', 'ns', 'keySeparator', 'nsSeparator', 'returnObjects', 'returnDetails', 'joinArrays', 'postProcess', 'interpolation'];\n const useOptionsReplaceForData = options.replace && !isString(options.replace);\n let data = useOptionsReplaceForData ? options.replace : options;\n if (useOptionsReplaceForData && typeof options.count !== 'undefined') {\n data.count = options.count;\n }\n if (this.options.interpolation.defaultVariables) {\n data = {\n ...this.options.interpolation.defaultVariables,\n ...data\n };\n }\n if (!useOptionsReplaceForData) {\n data = {\n ...data\n };\n for (const key of optionsKeys) {\n delete data[key];\n }\n }\n return data;\n }\n static hasDefaultValue(options) {\n const prefix = 'defaultValue';\n for (const option in options) {\n if (Object.prototype.hasOwnProperty.call(options, option) && prefix === option.substring(0, prefix.length) && undefined !== options[option]) {\n return true;\n }\n }\n return false;\n }\n}\n\nclass LanguageUtil {\n constructor(options) {\n this.options = options;\n this.supportedLngs = this.options.supportedLngs || false;\n this.logger = baseLogger.create('languageUtils');\n }\n getScriptPartFromCode(code) {\n code = getCleanedCode(code);\n if (!code || code.indexOf('-') < 0) return null;\n const p = code.split('-');\n if (p.length === 2) return null;\n p.pop();\n if (p[p.length - 1].toLowerCase() === 'x') return null;\n return this.formatLanguageCode(p.join('-'));\n }\n getLanguagePartFromCode(code) {\n code = getCleanedCode(code);\n if (!code || code.indexOf('-') < 0) return code;\n const p = code.split('-');\n return this.formatLanguageCode(p[0]);\n }\n formatLanguageCode(code) {\n if (isString(code) && code.indexOf('-') > -1) {\n let formattedCode;\n try {\n formattedCode = Intl.getCanonicalLocales(code)[0];\n } catch (e) {}\n if (formattedCode && this.options.lowerCaseLng) {\n formattedCode = formattedCode.toLowerCase();\n }\n if (formattedCode) return formattedCode;\n if (this.options.lowerCaseLng) {\n return code.toLowerCase();\n }\n return code;\n }\n return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;\n }\n isSupportedCode(code) {\n if (this.options.load === 'languageOnly' || this.options.nonExplicitSupportedLngs) {\n code = this.getLanguagePartFromCode(code);\n }\n return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.indexOf(code) > -1;\n }\n getBestMatchFromCodes(codes) {\n if (!codes) return null;\n let found;\n codes.forEach(code => {\n if (found) return;\n const cleanedLng = this.formatLanguageCode(code);\n if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;\n });\n if (!found && this.options.supportedLngs) {\n codes.forEach(code => {\n if (found) return;\n const lngScOnly = this.getScriptPartFromCode(code);\n if (this.isSupportedCode(lngScOnly)) return found = lngScOnly;\n const lngOnly = this.getLanguagePartFromCode(code);\n if (this.isSupportedCode(lngOnly)) return found = lngOnly;\n found = this.options.supportedLngs.find(supportedLng => {\n if (supportedLng === lngOnly) return supportedLng;\n if (supportedLng.indexOf('-') < 0 && lngOnly.indexOf('-') < 0) return;\n if (supportedLng.indexOf('-') > 0 && lngOnly.indexOf('-') < 0 && supportedLng.substring(0, supportedLng.indexOf('-')) === lngOnly) return supportedLng;\n if (supportedLng.indexOf(lngOnly) === 0 && lngOnly.length > 1) return supportedLng;\n });\n });\n }\n if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];\n return found;\n }\n getFallbackCodes(fallbacks, code) {\n if (!fallbacks) return [];\n if (typeof fallbacks === 'function') fallbacks = fallbacks(code);\n if (isString(fallbacks)) fallbacks = [fallbacks];\n if (Array.isArray(fallbacks)) return fallbacks;\n if (!code) return fallbacks.default || [];\n let found = fallbacks[code];\n if (!found) found = fallbacks[this.getScriptPartFromCode(code)];\n if (!found) found = fallbacks[this.formatLanguageCode(code)];\n if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];\n if (!found) found = fallbacks.default;\n return found || [];\n }\n toResolveHierarchy(code, fallbackCode) {\n const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);\n const codes = [];\n const addCode = c => {\n if (!c) return;\n if (this.isSupportedCode(c)) {\n codes.push(c);\n } else {\n this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);\n }\n };\n if (isString(code) && (code.indexOf('-') > -1 || code.indexOf('_') > -1)) {\n if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));\n if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));\n if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));\n } else if (isString(code)) {\n addCode(this.formatLanguageCode(code));\n }\n fallbackCodes.forEach(fc => {\n if (codes.indexOf(fc) < 0) addCode(this.formatLanguageCode(fc));\n });\n return codes;\n }\n}\n\nconst suffixesOrder = {\n zero: 0,\n one: 1,\n two: 2,\n few: 3,\n many: 4,\n other: 5\n};\nconst dummyRule = {\n select: count => count === 1 ? 'one' : 'other',\n resolvedOptions: () => ({\n pluralCategories: ['one', 'other']\n })\n};\nclass PluralResolver {\n constructor(languageUtils, options = {}) {\n this.languageUtils = languageUtils;\n this.options = options;\n this.logger = baseLogger.create('pluralResolver');\n this.pluralRulesCache = {};\n }\n addRule(lng, obj) {\n this.rules[lng] = obj;\n }\n clearCache() {\n this.pluralRulesCache = {};\n }\n getRule(code, options = {}) {\n const cleanedCode = getCleanedCode(code === 'dev' ? 'en' : code);\n const type = options.ordinal ? 'ordinal' : 'cardinal';\n const cacheKey = JSON.stringify({\n cleanedCode,\n type\n });\n if (cacheKey in this.pluralRulesCache) {\n return this.pluralRulesCache[cacheKey];\n }\n let rule;\n try {\n rule = new Intl.PluralRules(cleanedCode, {\n type\n });\n } catch (err) {\n if (!Intl) {\n this.logger.error('No Intl support, please use an Intl polyfill!');\n return dummyRule;\n }\n if (!code.match(/-|_/)) return dummyRule;\n const lngPart = this.languageUtils.getLanguagePartFromCode(code);\n rule = this.getRule(lngPart, options);\n }\n this.pluralRulesCache[cacheKey] = rule;\n return rule;\n }\n needsPlural(code, options = {}) {\n let rule = this.getRule(code, options);\n if (!rule) rule = this.getRule('dev', options);\n return rule?.resolvedOptions().pluralCategories.length > 1;\n }\n getPluralFormsOfKey(code, key, options = {}) {\n return this.getSuffixes(code, options).map(suffix => `${key}${suffix}`);\n }\n getSuffixes(code, options = {}) {\n let rule = this.getRule(code, options);\n if (!rule) rule = this.getRule('dev', options);\n if (!rule) return [];\n return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map(pluralCategory => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${pluralCategory}`);\n }\n getSuffix(code, count, options = {}) {\n const rule = this.getRule(code, options);\n if (rule) {\n return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ''}${rule.select(count)}`;\n }\n this.logger.warn(`no plural rule found for: ${code}`);\n return this.getSuffix('dev', count, options);\n }\n}\n\nconst deepFindWithDefaults = (data, defaultData, key, keySeparator = '.', ignoreJSONStructure = true) => {\n let path = getPathWithDefaults(data, defaultData, key);\n if (!path && ignoreJSONStructure && isString(key)) {\n path = deepFind(data, key, keySeparator);\n if (path === undefined) path = deepFind(defaultData, key, keySeparator);\n }\n return path;\n};\nconst regexSafe = val => val.replace(/\\$/g, '$$$$');\nclass Interpolator {\n constructor(options = {}) {\n this.logger = baseLogger.create('interpolator');\n this.options = options;\n this.format = options?.interpolation?.format || (value => value);\n this.init(options);\n }\n init(options = {}) {\n if (!options.interpolation) options.interpolation = {\n escapeValue: true\n };\n const {\n escape: escape$1,\n escapeValue,\n useRawValueToEscape,\n prefix,\n prefixEscaped,\n suffix,\n suffixEscaped,\n formatSeparator,\n unescapeSuffix,\n unescapePrefix,\n nestingPrefix,\n nestingPrefixEscaped,\n nestingSuffix,\n nestingSuffixEscaped,\n nestingOptionsSeparator,\n maxReplaces,\n alwaysFormat\n } = options.interpolation;\n this.escape = escape$1 !== undefined ? escape$1 : escape;\n this.escapeValue = escapeValue !== undefined ? escapeValue : true;\n this.useRawValueToEscape = useRawValueToEscape !== undefined ? useRawValueToEscape : false;\n this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || '{{';\n this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || '}}';\n this.formatSeparator = formatSeparator || ',';\n this.unescapePrefix = unescapeSuffix ? '' : unescapePrefix || '-';\n this.unescapeSuffix = this.unescapePrefix ? '' : unescapeSuffix || '';\n this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape('$t(');\n this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(')');\n this.nestingOptionsSeparator = nestingOptionsSeparator || ',';\n this.maxReplaces = maxReplaces || 1000;\n this.alwaysFormat = alwaysFormat !== undefined ? alwaysFormat : false;\n this.resetRegExp();\n }\n reset() {\n if (this.options) this.init(this.options);\n }\n resetRegExp() {\n const getOrResetRegExp = (existingRegExp, pattern) => {\n if (existingRegExp?.source === pattern) {\n existingRegExp.lastIndex = 0;\n return existingRegExp;\n }\n return new RegExp(pattern, 'g');\n };\n this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);\n this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);\n this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);\n }\n interpolate(str, data, lng, options) {\n let match;\n let value;\n let replaces;\n const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};\n const handleFormat = key => {\n if (key.indexOf(this.formatSeparator) < 0) {\n const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);\n return this.alwaysFormat ? this.format(path, undefined, lng, {\n ...options,\n ...data,\n interpolationkey: key\n }) : path;\n }\n const p = key.split(this.formatSeparator);\n const k = p.shift().trim();\n const f = p.join(this.formatSeparator).trim();\n return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {\n ...options,\n ...data,\n interpolationkey: k\n });\n };\n this.resetRegExp();\n const missingInterpolationHandler = options?.missingInterpolationHandler || this.options.missingInterpolationHandler;\n const skipOnVariables = options?.interpolation?.skipOnVariables !== undefined ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;\n const todos = [{\n regex: this.regexpUnescape,\n safeValue: val => regexSafe(val)\n }, {\n regex: this.regexp,\n safeValue: val => this.escapeValue ? regexSafe(this.escape(val)) : regexSafe(val)\n }];\n todos.forEach(todo => {\n replaces = 0;\n while (match = todo.regex.exec(str)) {\n const matchedVar = match[1].trim();\n value = handleFormat(matchedVar);\n if (value === undefined) {\n if (typeof missingInterpolationHandler === 'function') {\n const temp = missingInterpolationHandler(str, match, options);\n value = isString(temp) ? temp : '';\n } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {\n value = '';\n } else if (skipOnVariables) {\n value = match[0];\n continue;\n } else {\n this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);\n value = '';\n }\n } else if (!isString(value) && !this.useRawValueToEscape) {\n value = makeString(value);\n }\n const safeValue = todo.safeValue(value);\n str = str.replace(match[0], safeValue);\n if (skipOnVariables) {\n todo.regex.lastIndex += value.length;\n todo.regex.lastIndex -= match[0].length;\n } else {\n todo.regex.lastIndex = 0;\n }\n replaces++;\n if (replaces >= this.maxReplaces) {\n break;\n }\n }\n });\n return str;\n }\n nest(str, fc, options = {}) {\n let match;\n let value;\n let clonedOptions;\n const handleHasOptions = (key, inheritedOptions) => {\n const sep = this.nestingOptionsSeparator;\n if (key.indexOf(sep) < 0) return key;\n const c = key.split(new RegExp(`${sep}[ ]*{`));\n let optionsString = `{${c[1]}`;\n key = c[0];\n optionsString = this.interpolate(optionsString, clonedOptions);\n const matchedSingleQuotes = optionsString.match(/'/g);\n const matchedDoubleQuotes = optionsString.match(/\"/g);\n if ((matchedSingleQuotes?.length ?? 0) % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {\n optionsString = optionsString.replace(/'/g, '\"');\n }\n try {\n clonedOptions = JSON.parse(optionsString);\n if (inheritedOptions) clonedOptions = {\n ...inheritedOptions,\n ...clonedOptions\n };\n } catch (e) {\n this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);\n return `${key}${sep}${optionsString}`;\n }\n if (clonedOptions.defaultValue && clonedOptions.defaultValue.indexOf(this.prefix) > -1) delete clonedOptions.defaultValue;\n return key;\n };\n while (match = this.nestingRegexp.exec(str)) {\n let formatters = [];\n clonedOptions = {\n ...options\n };\n clonedOptions = clonedOptions.replace && !isString(clonedOptions.replace) ? clonedOptions.replace : clonedOptions;\n clonedOptions.applyPostProcessor = false;\n delete clonedOptions.defaultValue;\n const keyEndIndex = /{.*}/.test(match[1]) ? match[1].lastIndexOf('}') + 1 : match[1].indexOf(this.formatSeparator);\n if (keyEndIndex !== -1) {\n formatters = match[1].slice(keyEndIndex).split(this.formatSeparator).map(elem => elem.trim()).filter(Boolean);\n match[1] = match[1].slice(0, keyEndIndex);\n }\n value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions);\n if (value && match[0] === str && !isString(value)) return value;\n if (!isString(value)) value = makeString(value);\n if (!value) {\n this.logger.warn(`missed to resolve ${match[1]} for nesting ${str}`);\n value = '';\n }\n if (formatters.length) {\n value = formatters.reduce((v, f) => this.format(v, f, options.lng, {\n ...options,\n interpolationkey: match[1].trim()\n }), value.trim());\n }\n str = str.replace(match[0], value);\n this.regexp.lastIndex = 0;\n }\n return str;\n }\n}\n\nconst parseFormatStr = formatStr => {\n let formatName = formatStr.toLowerCase().trim();\n const formatOptions = {};\n if (formatStr.indexOf('(') > -1) {\n const p = formatStr.split('(');\n formatName = p[0].toLowerCase().trim();\n const optStr = p[1].substring(0, p[1].length - 1);\n if (formatName === 'currency' && optStr.indexOf(':') < 0) {\n if (!formatOptions.currency) formatOptions.currency = optStr.trim();\n } else if (formatName === 'relativetime' && optStr.indexOf(':') < 0) {\n if (!formatOptions.range) formatOptions.range = optStr.trim();\n } else {\n const opts = optStr.split(';');\n opts.forEach(opt => {\n if (opt) {\n const [key, ...rest] = opt.split(':');\n const val = rest.join(':').trim().replace(/^'+|'+$/g, '');\n const trimmedKey = key.trim();\n if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;\n if (val === 'false') formatOptions[trimmedKey] = false;\n if (val === 'true') formatOptions[trimmedKey] = true;\n if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);\n }\n });\n }\n }\n return {\n formatName,\n formatOptions\n };\n};\nconst createCachedFormatter = fn => {\n const cache = {};\n return (v, l, o) => {\n let optForCache = o;\n if (o && o.interpolationkey && o.formatParams && o.formatParams[o.interpolationkey] && o[o.interpolationkey]) {\n optForCache = {\n ...optForCache,\n [o.interpolationkey]: undefined\n };\n }\n const key = l + JSON.stringify(optForCache);\n let frm = cache[key];\n if (!frm) {\n frm = fn(getCleanedCode(l), o);\n cache[key] = frm;\n }\n return frm(v);\n };\n};\nconst createNonCachedFormatter = fn => (v, l, o) => fn(getCleanedCode(l), o)(v);\nclass Formatter {\n constructor(options = {}) {\n this.logger = baseLogger.create('formatter');\n this.options = options;\n this.init(options);\n }\n init(services, options = {\n interpolation: {}\n }) {\n this.formatSeparator = options.interpolation.formatSeparator || ',';\n const cf = options.cacheInBuiltFormats ? createCachedFormatter : createNonCachedFormatter;\n this.formats = {\n number: cf((lng, opt) => {\n const formatter = new Intl.NumberFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n }),\n currency: cf((lng, opt) => {\n const formatter = new Intl.NumberFormat(lng, {\n ...opt,\n style: 'currency'\n });\n return val => formatter.format(val);\n }),\n datetime: cf((lng, opt) => {\n const formatter = new Intl.DateTimeFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n }),\n relativetime: cf((lng, opt) => {\n const formatter = new Intl.RelativeTimeFormat(lng, {\n ...opt\n });\n return val => formatter.format(val, opt.range || 'day');\n }),\n list: cf((lng, opt) => {\n const formatter = new Intl.ListFormat(lng, {\n ...opt\n });\n return val => formatter.format(val);\n })\n };\n }\n add(name, fc) {\n this.formats[name.toLowerCase().trim()] = fc;\n }\n addCached(name, fc) {\n this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);\n }\n format(value, format, lng, options = {}) {\n const formats = format.split(this.formatSeparator);\n if (formats.length > 1 && formats[0].indexOf('(') > 1 && formats[0].indexOf(')') < 0 && formats.find(f => f.indexOf(')') > -1)) {\n const lastIndex = formats.findIndex(f => f.indexOf(')') > -1);\n formats[0] = [formats[0], ...formats.splice(1, lastIndex)].join(this.formatSeparator);\n }\n const result = formats.reduce((mem, f) => {\n const {\n formatName,\n formatOptions\n } = parseFormatStr(f);\n if (this.formats[formatName]) {\n let formatted = mem;\n try {\n const valOptions = options?.formatParams?.[options.interpolationkey] || {};\n const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;\n formatted = this.formats[formatName](mem, l, {\n ...formatOptions,\n ...options,\n ...valOptions\n });\n } catch (error) {\n this.logger.warn(error);\n }\n return formatted;\n } else {\n this.logger.warn(`there was no format function for ${formatName}`);\n }\n return mem;\n }, value);\n return result;\n }\n}\n\nconst removePending = (q, name) => {\n if (q.pending[name] !== undefined) {\n delete q.pending[name];\n q.pendingCount--;\n }\n};\nclass Connector extends EventEmitter {\n constructor(backend, store, services, options = {}) {\n super();\n this.backend = backend;\n this.store = store;\n this.services = services;\n this.languageUtils = services.languageUtils;\n this.options = options;\n this.logger = baseLogger.create('backendConnector');\n this.waitingReads = [];\n this.maxParallelReads = options.maxParallelReads || 10;\n this.readingCalls = 0;\n this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;\n this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;\n this.state = {};\n this.queue = [];\n this.backend?.init?.(services, options.backend, options);\n }\n queueLoad(languages, namespaces, options, callback) {\n const toLoad = {};\n const pending = {};\n const toLoadLanguages = {};\n const toLoadNamespaces = {};\n languages.forEach(lng => {\n let hasAllNamespaces = true;\n namespaces.forEach(ns => {\n const name = `${lng}|${ns}`;\n if (!options.reload && this.store.hasResourceBundle(lng, ns)) {\n this.state[name] = 2;\n } else if (this.state[name] < 0) ; else if (this.state[name] === 1) {\n if (pending[name] === undefined) pending[name] = true;\n } else {\n this.state[name] = 1;\n hasAllNamespaces = false;\n if (pending[name] === undefined) pending[name] = true;\n if (toLoad[name] === undefined) toLoad[name] = true;\n if (toLoadNamespaces[ns] === undefined) toLoadNamespaces[ns] = true;\n }\n });\n if (!hasAllNamespaces) toLoadLanguages[lng] = true;\n });\n if (Object.keys(toLoad).length || Object.keys(pending).length) {\n this.queue.push({\n pending,\n pendingCount: Object.keys(pending).length,\n loaded: {},\n errors: [],\n callback\n });\n }\n return {\n toLoad: Object.keys(toLoad),\n pending: Object.keys(pending),\n toLoadLanguages: Object.keys(toLoadLanguages),\n toLoadNamespaces: Object.keys(toLoadNamespaces)\n };\n }\n loaded(name, err, data) {\n const s = name.split('|');\n const lng = s[0];\n const ns = s[1];\n if (err) this.emit('failedLoading', lng, ns, err);\n if (!err && data) {\n this.store.addResourceBundle(lng, ns, data, undefined, undefined, {\n skipCopy: true\n });\n }\n this.state[name] = err ? -1 : 2;\n if (err && data) this.state[name] = 0;\n const loaded = {};\n this.queue.forEach(q => {\n pushPath(q.loaded, [lng], ns);\n removePending(q, name);\n if (err) q.errors.push(err);\n if (q.pendingCount === 0 && !q.done) {\n Object.keys(q.loaded).forEach(l => {\n if (!loaded[l]) loaded[l] = {};\n const loadedKeys = q.loaded[l];\n if (loadedKeys.length) {\n loadedKeys.forEach(n => {\n if (loaded[l][n] === undefined) loaded[l][n] = true;\n });\n }\n });\n q.done = true;\n if (q.errors.length) {\n q.callback(q.errors);\n } else {\n q.callback();\n }\n }\n });\n this.emit('loaded', loaded);\n this.queue = this.queue.filter(q => !q.done);\n }\n read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {\n if (!lng.length) return callback(null, {});\n if (this.readingCalls >= this.maxParallelReads) {\n this.waitingReads.push({\n lng,\n ns,\n fcName,\n tried,\n wait,\n callback\n });\n return;\n }\n this.readingCalls++;\n const resolver = (err, data) => {\n this.readingCalls--;\n if (this.waitingReads.length > 0) {\n const next = this.waitingReads.shift();\n this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);\n }\n if (err && data && tried < this.maxRetries) {\n setTimeout(() => {\n this.read.call(this, lng, ns, fcName, tried + 1, wait * 2, callback);\n }, wait);\n return;\n }\n callback(err, data);\n };\n const fc = this.backend[fcName].bind(this.backend);\n if (fc.length === 2) {\n try {\n const r = fc(lng, ns);\n if (r && typeof r.then === 'function') {\n r.then(data => resolver(null, data)).catch(resolver);\n } else {\n resolver(null, r);\n }\n } catch (err) {\n resolver(err);\n }\n return;\n }\n return fc(lng, ns, resolver);\n }\n prepareLoading(languages, namespaces, options = {}, callback) {\n if (!this.backend) {\n this.logger.warn('No backend was added via i18next.use. Will not load resources.');\n return callback && callback();\n }\n if (isString(languages)) languages = this.languageUtils.toResolveHierarchy(languages);\n if (isString(namespaces)) namespaces = [namespaces];\n const toLoad = this.queueLoad(languages, namespaces, options, callback);\n if (!toLoad.toLoad.length) {\n if (!toLoad.pending.length) callback();\n return null;\n }\n toLoad.toLoad.forEach(name => {\n this.loadOne(name);\n });\n }\n load(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {}, callback);\n }\n reload(languages, namespaces, callback) {\n this.prepareLoading(languages, namespaces, {\n reload: true\n }, callback);\n }\n loadOne(name, prefix = '') {\n const s = name.split('|');\n const lng = s[0];\n const ns = s[1];\n this.read(lng, ns, 'read', undefined, undefined, (err, data) => {\n if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);\n if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);\n this.loaded(name, err, data);\n });\n }\n saveMissing(languages, namespace, key, fallbackValue, isUpdate, options = {}, clb = () => {}) {\n if (this.services?.utils?.hasLoadedNamespace && !this.services?.utils?.hasLoadedNamespace(namespace)) {\n this.logger.warn(`did not save key \"${key}\" as the namespace \"${namespace}\" was not yet loaded`, 'This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');\n return;\n }\n if (key === undefined || key === null || key === '') return;\n if (this.backend?.create) {\n const opts = {\n ...options,\n isUpdate\n };\n const fc = this.backend.create.bind(this.backend);\n if (fc.length < 6) {\n try {\n let r;\n if (fc.length === 5) {\n r = fc(languages, namespace, key, fallbackValue, opts);\n } else {\n r = fc(languages, namespace, key, fallbackValue);\n }\n if (r && typeof r.then === 'function') {\n r.then(data => clb(null, data)).catch(clb);\n } else {\n clb(null, r);\n }\n } catch (err) {\n clb(err);\n }\n } else {\n fc(languages, namespace, key, fallbackValue, clb, opts);\n }\n }\n if (!languages || !languages[0]) return;\n this.store.addResource(languages[0], namespace, key, fallbackValue);\n }\n}\n\nconst get = () => ({\n debug: false,\n initAsync: true,\n ns: ['translation'],\n defaultNS: ['translation'],\n fallbackLng: ['dev'],\n fallbackNS: false,\n supportedLngs: false,\n nonExplicitSupportedLngs: false,\n load: 'all',\n preload: false,\n simplifyPluralSuffix: true,\n keySeparator: '.',\n nsSeparator: ':',\n pluralSeparator: '_',\n contextSeparator: '_',\n partialBundledLanguages: false,\n saveMissing: false,\n updateMissing: false,\n saveMissingTo: 'fallback',\n saveMissingPlurals: true,\n missingKeyHandler: false,\n missingInterpolationHandler: false,\n postProcess: false,\n postProcessPassResolved: false,\n returnNull: false,\n returnEmptyString: true,\n returnObjects: false,\n joinArrays: false,\n returnedObjectHandler: false,\n parseMissingKeyHandler: false,\n appendNamespaceToMissingKey: false,\n appendNamespaceToCIMode: false,\n overloadTranslationOptionHandler: args => {\n let ret = {};\n if (typeof args[1] === 'object') ret = args[1];\n if (isString(args[1])) ret.defaultValue = args[1];\n if (isString(args[2])) ret.tDescription = args[2];\n if (typeof args[2] === 'object' || typeof args[3] === 'object') {\n const options = args[3] || args[2];\n Object.keys(options).forEach(key => {\n ret[key] = options[key];\n });\n }\n return ret;\n },\n interpolation: {\n escapeValue: true,\n format: value => value,\n prefix: '{{',\n suffix: '}}',\n formatSeparator: ',',\n unescapePrefix: '-',\n nestingPrefix: '$t(',\n nestingSuffix: ')',\n nestingOptionsSeparator: ',',\n maxReplaces: 1000,\n skipOnVariables: true\n },\n cacheInBuiltFormats: true\n});\nconst transformOptions = options => {\n if (isString(options.ns)) options.ns = [options.ns];\n if (isString(options.fallbackLng)) options.fallbackLng = [options.fallbackLng];\n if (isString(options.fallbackNS)) options.fallbackNS = [options.fallbackNS];\n if (options.supportedLngs?.indexOf?.('cimode') < 0) {\n options.supportedLngs = options.supportedLngs.concat(['cimode']);\n }\n if (typeof options.initImmediate === 'boolean') options.initAsync = options.initImmediate;\n return options;\n};\n\nconst noop = () => {};\nconst bindMemberFunctions = inst => {\n const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));\n mems.forEach(mem => {\n if (typeof inst[mem] === 'function') {\n inst[mem] = inst[mem].bind(inst);\n }\n });\n};\nclass I18n extends EventEmitter {\n constructor(options = {}, callback) {\n super();\n this.options = transformOptions(options);\n this.services = {};\n this.logger = baseLogger;\n this.modules = {\n external: []\n };\n bindMemberFunctions(this);\n if (callback && !this.isInitialized && !options.isClone) {\n if (!this.options.initAsync) {\n this.init(options, callback);\n return this;\n }\n setTimeout(() => {\n this.init(options, callback);\n }, 0);\n }\n }\n init(options = {}, callback) {\n this.isInitializing = true;\n if (typeof options === 'function') {\n callback = options;\n options = {};\n }\n if (options.defaultNS == null && options.ns) {\n if (isString(options.ns)) {\n options.defaultNS = options.ns;\n } else if (options.ns.indexOf('translation') < 0) {\n options.defaultNS = options.ns[0];\n }\n }\n const defOpts = get();\n this.options = {\n ...defOpts,\n ...this.options,\n ...transformOptions(options)\n };\n this.options.interpolation = {\n ...defOpts.interpolation,\n ...this.options.interpolation\n };\n if (options.keySeparator !== undefined) {\n this.options.userDefinedKeySeparator = options.keySeparator;\n }\n if (options.nsSeparator !== undefined) {\n this.options.userDefinedNsSeparator = options.nsSeparator;\n }\n const createClassOnDemand = ClassOrObject => {\n if (!ClassOrObject) return null;\n if (typeof ClassOrObject === 'function') return new ClassOrObject();\n return ClassOrObject;\n };\n if (!this.options.isClone) {\n if (this.modules.logger) {\n baseLogger.init(createClassOnDemand(this.modules.logger), this.options);\n } else {\n baseLogger.init(null, this.options);\n }\n let formatter;\n if (this.modules.formatter) {\n formatter = this.modules.formatter;\n } else {\n formatter = Formatter;\n }\n const lu = new LanguageUtil(this.options);\n this.store = new ResourceStore(this.options.resources, this.options);\n const s = this.services;\n s.logger = baseLogger;\n s.resourceStore = this.store;\n s.languageUtils = lu;\n s.pluralResolver = new PluralResolver(lu, {\n prepend: this.options.pluralSeparator,\n simplifyPluralSuffix: this.options.simplifyPluralSuffix\n });\n const usingLegacyFormatFunction = this.options.interpolation.format && this.options.interpolation.format !== defOpts.interpolation.format;\n if (usingLegacyFormatFunction) {\n this.logger.warn(`init: you are still using the legacy format function, please use the new approach: https://www.i18next.com/translation-function/formatting`);\n }\n if (formatter && (!this.options.interpolation.format || this.options.interpolation.format === defOpts.interpolation.format)) {\n s.formatter = createClassOnDemand(formatter);\n if (s.formatter.init) s.formatter.init(s, this.options);\n this.options.interpolation.format = s.formatter.format.bind(s.formatter);\n }\n s.interpolator = new Interpolator(this.options);\n s.utils = {\n hasLoadedNamespace: this.hasLoadedNamespace.bind(this)\n };\n s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);\n s.backendConnector.on('*', (event, ...args) => {\n this.emit(event, ...args);\n });\n if (this.modules.languageDetector) {\n s.languageDetector = createClassOnDemand(this.modules.languageDetector);\n if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);\n }\n if (this.modules.i18nFormat) {\n s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);\n if (s.i18nFormat.init) s.i18nFormat.init(this);\n }\n this.translator = new Translator(this.services, this.options);\n this.translator.on('*', (event, ...args) => {\n this.emit(event, ...args);\n });\n this.modules.external.forEach(m => {\n if (m.init) m.init(this);\n });\n }\n this.format = this.options.interpolation.format;\n if (!callback) callback = noop;\n if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {\n const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);\n if (codes.length > 0 && codes[0] !== 'dev') this.options.lng = codes[0];\n }\n if (!this.services.languageDetector && !this.options.lng) {\n this.logger.warn('init: no languageDetector is used and no lng is defined');\n }\n const storeApi = ['getResource', 'hasResourceBundle', 'getResourceBundle', 'getDataByLanguage'];\n storeApi.forEach(fcName => {\n this[fcName] = (...args) => this.store[fcName](...args);\n });\n const storeApiChained = ['addResource', 'addResources', 'addResourceBundle', 'removeResourceBundle'];\n storeApiChained.forEach(fcName => {\n this[fcName] = (...args) => {\n this.store[fcName](...args);\n return this;\n };\n });\n const deferred = defer();\n const load = () => {\n const finish = (err, t) => {\n this.isInitializing = false;\n if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn('init: i18next is already initialized. You should call init just once!');\n this.isInitialized = true;\n if (!this.options.isClone) this.logger.log('initialized', this.options);\n this.emit('initialized', this.options);\n deferred.resolve(t);\n callback(err, t);\n };\n if (this.languages && !this.isInitialized) return finish(null, this.t.bind(this));\n this.changeLanguage(this.options.lng, finish);\n };\n if (this.options.resources || !this.options.initAsync) {\n load();\n } else {\n setTimeout(load, 0);\n }\n return deferred;\n }\n loadResources(language, callback = noop) {\n let usedCallback = callback;\n const usedLng = isString(language) ? language : this.language;\n if (typeof language === 'function') usedCallback = language;\n if (!this.options.resources || this.options.partialBundledLanguages) {\n if (usedLng?.toLowerCase() === 'cimode' && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();\n const toLoad = [];\n const append = lng => {\n if (!lng) return;\n if (lng === 'cimode') return;\n const lngs = this.services.languageUtils.toResolveHierarchy(lng);\n lngs.forEach(l => {\n if (l === 'cimode') return;\n if (toLoad.indexOf(l) < 0) toLoad.push(l);\n });\n };\n if (!usedLng) {\n const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);\n fallbacks.forEach(l => append(l));\n } else {\n append(usedLng);\n }\n this.options.preload?.forEach?.(l => append(l));\n this.services.backendConnector.load(toLoad, this.options.ns, e => {\n if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);\n usedCallback(e);\n });\n } else {\n usedCallback(null);\n }\n }\n reloadResources(lngs, ns, callback) {\n const deferred = defer();\n if (typeof lngs === 'function') {\n callback = lngs;\n lngs = undefined;\n }\n if (typeof ns === 'function') {\n callback = ns;\n ns = undefined;\n }\n if (!lngs) lngs = this.languages;\n if (!ns) ns = this.options.ns;\n if (!callback) callback = noop;\n this.services.backendConnector.reload(lngs, ns, err => {\n deferred.resolve();\n callback(err);\n });\n return deferred;\n }\n use(module) {\n if (!module) throw new Error('You are passing an undefined module! Please check the object you are passing to i18next.use()');\n if (!module.type) throw new Error('You are passing a wrong module! Please check the object you are passing to i18next.use()');\n if (module.type === 'backend') {\n this.modules.backend = module;\n }\n if (module.type === 'logger' || module.log && module.warn && module.error) {\n this.modules.logger = module;\n }\n if (module.type === 'languageDetector') {\n this.modules.languageDetector = module;\n }\n if (module.type === 'i18nFormat') {\n this.modules.i18nFormat = module;\n }\n if (module.type === 'postProcessor') {\n postProcessor.addPostProcessor(module);\n }\n if (module.type === 'formatter') {\n this.modules.formatter = module;\n }\n if (module.type === '3rdParty') {\n this.modules.external.push(module);\n }\n return this;\n }\n setResolvedLanguage(l) {\n if (!l || !this.languages) return;\n if (['cimode', 'dev'].indexOf(l) > -1) return;\n for (let li = 0; li < this.languages.length; li++) {\n const lngInLngs = this.languages[li];\n if (['cimode', 'dev'].indexOf(lngInLngs) > -1) continue;\n if (this.store.hasLanguageSomeTranslations(lngInLngs)) {\n this.resolvedLanguage = lngInLngs;\n break;\n }\n }\n if (!this.resolvedLanguage && this.languages.indexOf(l) < 0 && this.store.hasLanguageSomeTranslations(l)) {\n this.resolvedLanguage = l;\n this.languages.unshift(l);\n }\n }\n changeLanguage(lng, callback) {\n this.isLanguageChangingTo = lng;\n const deferred = defer();\n this.emit('languageChanging', lng);\n const setLngProps = l => {\n this.language = l;\n this.languages = this.services.languageUtils.toResolveHierarchy(l);\n this.resolvedLanguage = undefined;\n this.setResolvedLanguage(l);\n };\n const done = (err, l) => {\n if (l) {\n if (this.isLanguageChangingTo === lng) {\n setLngProps(l);\n this.translator.changeLanguage(l);\n this.isLanguageChangingTo = undefined;\n this.emit('languageChanged', l);\n this.logger.log('languageChanged', l);\n }\n } else {\n this.isLanguageChangingTo = undefined;\n }\n deferred.resolve((...args) => this.t(...args));\n if (callback) callback(err, (...args) => this.t(...args));\n };\n const setLng = lngs => {\n if (!lng && !lngs && this.services.languageDetector) lngs = [];\n const fl = isString(lngs) ? lngs : lngs && lngs[0];\n const l = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString(lngs) ? [lngs] : lngs);\n if (l) {\n if (!this.language) {\n setLngProps(l);\n }\n if (!this.translator.language) this.translator.changeLanguage(l);\n this.services.languageDetector?.cacheUserLanguage?.(l);\n }\n this.loadResources(l, err => {\n done(err, l);\n });\n };\n if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {\n setLng(this.services.languageDetector.detect());\n } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {\n if (this.services.languageDetector.detect.length === 0) {\n this.services.languageDetector.detect().then(setLng);\n } else {\n this.services.languageDetector.detect(setLng);\n }\n } else {\n setLng(lng);\n }\n return deferred;\n }\n getFixedT(lng, ns, keyPrefix) {\n const fixedT = (key, opts, ...rest) => {\n let o;\n if (typeof opts !== 'object') {\n o = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));\n } else {\n o = {\n ...opts\n };\n }\n o.lng = o.lng || fixedT.lng;\n o.lngs = o.lngs || fixedT.lngs;\n o.ns = o.ns || fixedT.ns;\n if (o.keyPrefix !== '') o.keyPrefix = o.keyPrefix || keyPrefix || fixedT.keyPrefix;\n const keySeparator = this.options.keySeparator || '.';\n let resultKey;\n if (o.keyPrefix && Array.isArray(key)) {\n resultKey = key.map(k => `${o.keyPrefix}${keySeparator}${k}`);\n } else {\n resultKey = o.keyPrefix ? `${o.keyPrefix}${keySeparator}${key}` : key;\n }\n return this.t(resultKey, o);\n };\n if (isString(lng)) {\n fixedT.lng = lng;\n } else {\n fixedT.lngs = lng;\n }\n fixedT.ns = ns;\n fixedT.keyPrefix = keyPrefix;\n return fixedT;\n }\n t(...args) {\n return this.translator?.translate(...args);\n }\n exists(...args) {\n return this.translator?.exists(...args);\n }\n setDefaultNamespace(ns) {\n this.options.defaultNS = ns;\n }\n hasLoadedNamespace(ns, options = {}) {\n if (!this.isInitialized) {\n this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);\n return false;\n }\n if (!this.languages || !this.languages.length) {\n this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);\n return false;\n }\n const lng = options.lng || this.resolvedLanguage || this.languages[0];\n const fallbackLng = this.options ? this.options.fallbackLng : false;\n const lastLng = this.languages[this.languages.length - 1];\n if (lng.toLowerCase() === 'cimode') return true;\n const loadNotPending = (l, n) => {\n const loadState = this.services.backendConnector.state[`${l}|${n}`];\n return loadState === -1 || loadState === 0 || loadState === 2;\n };\n if (options.precheck) {\n const preResult = options.precheck(this, loadNotPending);\n if (preResult !== undefined) return preResult;\n }\n if (this.hasResourceBundle(lng, ns)) return true;\n if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;\n if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;\n return false;\n }\n loadNamespaces(ns, callback) {\n const deferred = defer();\n if (!this.options.ns) {\n if (callback) callback();\n return Promise.resolve();\n }\n if (isString(ns)) ns = [ns];\n ns.forEach(n => {\n if (this.options.ns.indexOf(n) < 0) this.options.ns.push(n);\n });\n this.loadResources(err => {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n loadLanguages(lngs, callback) {\n const deferred = defer();\n if (isString(lngs)) lngs = [lngs];\n const preloaded = this.options.preload || [];\n const newLngs = lngs.filter(lng => preloaded.indexOf(lng) < 0 && this.services.languageUtils.isSupportedCode(lng));\n if (!newLngs.length) {\n if (callback) callback();\n return Promise.resolve();\n }\n this.options.preload = preloaded.concat(newLngs);\n this.loadResources(err => {\n deferred.resolve();\n if (callback) callback(err);\n });\n return deferred;\n }\n dir(lng) {\n if (!lng) lng = this.resolvedLanguage || (this.languages?.length > 0 ? this.languages[0] : this.language);\n if (!lng) return 'rtl';\n try {\n const l = new Intl.Locale(lng);\n if (l && l.getTextInfo) {\n const ti = l.getTextInfo();\n if (ti && ti.direction) return ti.direction;\n }\n } catch (e) {}\n const rtlLngs = ['ar', 'shu', 'sqr', 'ssh', 'xaa', 'yhd', 'yud', 'aao', 'abh', 'abv', 'acm', 'acq', 'acw', 'acx', 'acy', 'adf', 'ads', 'aeb', 'aec', 'afb', 'ajp', 'apc', 'apd', 'arb', 'arq', 'ars', 'ary', 'arz', 'auz', 'avl', 'ayh', 'ayl', 'ayn', 'ayp', 'bbz', 'pga', 'he', 'iw', 'ps', 'pbt', 'pbu', 'pst', 'prp', 'prd', 'ug', 'ur', 'ydd', 'yds', 'yih', 'ji', 'yi', 'hbo', 'men', 'xmn', 'fa', 'jpr', 'peo', 'pes', 'prs', 'dv', 'sam', 'ckb'];\n const languageUtils = this.services?.languageUtils || new LanguageUtil(get());\n if (lng.toLowerCase().indexOf('-latn') > 1) return 'ltr';\n return rtlLngs.indexOf(languageUtils.getLanguagePartFromCode(lng)) > -1 || lng.toLowerCase().indexOf('-arab') > 1 ? 'rtl' : 'ltr';\n }\n static createInstance(options = {}, callback) {\n return new I18n(options, callback);\n }\n cloneInstance(options = {}, callback = noop) {\n const forkResourceStore = options.forkResourceStore;\n if (forkResourceStore) delete options.forkResourceStore;\n const mergedOptions = {\n ...this.options,\n ...options,\n ...{\n isClone: true\n }\n };\n const clone = new I18n(mergedOptions);\n if (options.debug !== undefined || options.prefix !== undefined) {\n clone.logger = clone.logger.clone(options);\n }\n const membersToCopy = ['store', 'services', 'language'];\n membersToCopy.forEach(m => {\n clone[m] = this[m];\n });\n clone.services = {\n ...this.services\n };\n clone.services.utils = {\n hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)\n };\n if (forkResourceStore) {\n const clonedData = Object.keys(this.store.data).reduce((prev, l) => {\n prev[l] = {\n ...this.store.data[l]\n };\n prev[l] = Object.keys(prev[l]).reduce((acc, n) => {\n acc[n] = {\n ...prev[l][n]\n };\n return acc;\n }, prev[l]);\n return prev;\n }, {});\n clone.store = new ResourceStore(clonedData, mergedOptions);\n clone.services.resourceStore = clone.store;\n }\n clone.translator = new Translator(clone.services, mergedOptions);\n clone.translator.on('*', (event, ...args) => {\n clone.emit(event, ...args);\n });\n clone.init(mergedOptions, callback);\n clone.translator.options = mergedOptions;\n clone.translator.backendConnector.services.utils = {\n hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)\n };\n return clone;\n }\n toJSON() {\n return {\n options: this.options,\n store: this.store,\n language: this.language,\n languages: this.languages,\n resolvedLanguage: this.resolvedLanguage\n };\n }\n}\nconst instance = I18n.createInstance();\ninstance.createInstance = I18n.createInstance;\n\nconst createInstance = instance.createInstance;\nconst dir = instance.dir;\nconst init = instance.init;\nconst loadResources = instance.loadResources;\nconst reloadResources = instance.reloadResources;\nconst use = instance.use;\nconst changeLanguage = instance.changeLanguage;\nconst getFixedT = instance.getFixedT;\nconst t = instance.t;\nconst exists = instance.exists;\nconst setDefaultNamespace = instance.setDefaultNamespace;\nconst hasLoadedNamespace = instance.hasLoadedNamespace;\nconst loadNamespaces = instance.loadNamespaces;\nconst loadLanguages = instance.loadLanguages;\n\nexport { changeLanguage, createInstance, instance as default, dir, exists, getFixedT, hasLoadedNamespace, init, loadLanguages, loadNamespaces, loadResources, reloadResources, setDefaultNamespace, t, use };\n","export function findSection(element, section) {\n return element.querySelector(sectionSelector(section));\n}\nexport function sectionSelector(section) {\n return `atomic-layout-section[section=\"${section}\"]`;\n}\n","import { findSection, sectionSelector } from './atomic-layout-section-utils';\nexport function makeDesktopQuery(mobileBreakpoint) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noItemsSelector, errorSelector, refineToggleSelector, sortDropdownSelector) {\n const id = element.id;\n const layoutSelector = `${layoutWebComponentTagName}#${id}`;\n const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;\n const mediaQuerySelector = `@media ${makeDesktopQuery(mobileBreakpoint)}`;\n const display = `${layoutSelector} { display: grid }`;\n const search = `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('search')} {\n justify-self: start;\n width: 80%;\n }\n }`;\n const facets = () => {\n const facetsSection = findSection(element, 'facets');\n const mainSection = findSection(element, 'main');\n if (!facetsSection || !mainSection) {\n return '';\n }\n const facetsMin = facetsSection.minWidth || '17rem';\n const facetsMax = facetsSection.maxWidth || '22rem';\n const mainMin = mainSection.minWidth || '50%';\n const mainMax = mainSection.maxWidth || '70rem';\n return `${mediaQuerySelector} {\n ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-main atomic-section-main .';\n grid-template-columns:\n 1fr minmax(${facetsMin}, ${facetsMax}) minmax(${mainMin}, ${mainMax}) 1fr;\n column-gap: var(--atomic-layout-spacing-x);\n }\n\n ${cleanStatusSelector} ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-facets atomic-section-main .'\n '. atomic-section-facets . .';\n }\n\n ${cleanStatusSelector} ${layoutSelector} ${sectionSelector('facets')} {\n display: block;\n }\n }`;\n };\n const refine = () => {\n const statusSection = findSection(element, 'status');\n if (!statusSection) {\n return '';\n }\n const refineToggle = statusSection.querySelector(refineToggleSelector);\n if (!refineToggle) {\n return '';\n }\n const statusSelector = `${layoutSelector} ${sectionSelector('status')}`;\n return `${statusSelector} ${sortDropdownSelector} {\n display: none;\n }\n\n ${mediaQuerySelector} {\n ${statusSelector} ${sortDropdownSelector} {\n display: block;\n }\n\n ${statusSelector} ${refineToggleSelector} {\n display: none;\n }\n }`;\n };\n const horizontalFacets = () => {\n return `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('horizontal-facets')} > atomic-popover:not(.atomic-hidden) {\n display: block;\n }\n }`;\n };\n return [display, search, facets(), refine(), horizontalFacets()]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import { buildCommonLayout } from '../../common/atomic-layout-section/layout';\nexport const layoutWebComponentTagName = 'atomic-commerce-layout';\nexport const containerWebComponentTagName = 'atomic-commerce-interface';\nexport const noProductsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\nexport function makeDesktopQuery(mobileBreakpoint) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildCommerceLayout(element, mobileBreakpoint) {\n return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noProductsSelector, errorSelector, 'atomic-commerce-refine-toggle', 'atomic-commerce-sort-dropdown');\n}\n","function getWindow() {\n return window;\n}\nexport function getAtomicEnvironment(headlessVersion) {\n return {\n version: \"5.0.2\",\n headlessVersion,\n };\n}\nexport function getAtomicVersion() {\n return getAtomicEnvironment('').version;\n}\nexport function setCoveoGlobal(globalVariableName, headlessVersion) {\n if (getWindow()[globalVariableName]) {\n return;\n }\n getWindow()[globalVariableName] = getAtomicEnvironment(headlessVersion);\n}\n","import { getAtomicVersion } from '../../../global/environment';\nexport function augmentWithExternalMiddleware(event, payload, config) {\n if (config.analytics?.analyticsClientMiddleware) {\n return config.analytics.analyticsClientMiddleware(event, payload);\n }\n return payload;\n}\nexport function augmentAnalyticsWithAtomicVersion(payload) {\n if (payload.customData) {\n payload.customData.coveoAtomicVersion = getAtomicVersion();\n }\n return payload;\n}\nexport function augmentAnalyticsConfigWithDocument() {\n return {\n documentLocation: document.location.href,\n ...(document.referrer && { originLevel3: document.referrer }),\n };\n}\nconst versionMatcher = /^(\\d+\\.\\d+\\.\\d+)/;\nexport function augmentAnalyticsConfigWithAtomicVersion() {\n return {\n source: {\n '@eternal-baguette/atomic': versionMatcher.exec(getAtomicVersion())?.[0] || '0.0.0',\n },\n };\n}\nexport function getNextAnalyticsConfig(searchEngineConfig, enabled) {\n const configuration = {\n enabled,\n documentLocation: document.location.href,\n ...(document.referrer && { originLevel3: document.referrer }),\n };\n const analyticsConfiguration = searchEngineConfig.analytics ?? {};\n Object.assign(analyticsConfiguration, augmentAnalyticsConfigWithAtomicVersion());\n Object.assign(configuration, analyticsConfiguration);\n return configuration;\n}\n","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar arr = [];\nvar each = arr.forEach;\nvar slice = arr.slice;\nexport function defaults(obj) {\n each.call(slice.call(arguments, 1), function (source) {\n if (source) {\n for (var prop in source) {\n if (obj[prop] === undefined) obj[prop] = source[prop];\n }\n }\n });\n return obj;\n}\nexport function hasXMLHttpRequest() {\n return typeof XMLHttpRequest === 'function' || (typeof XMLHttpRequest === \"undefined\" ? \"undefined\" : _typeof(XMLHttpRequest)) === 'object';\n}\nfunction isPromise(maybePromise) {\n return !!maybePromise && typeof maybePromise.then === 'function';\n}\nexport function makePromise(maybePromise) {\n if (isPromise(maybePromise)) {\n return maybePromise;\n }\n return Promise.resolve(maybePromise);\n}","function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nimport { hasXMLHttpRequest } from './utils.js';\nvar fetchApi = typeof fetch === 'function' ? fetch : undefined;\nif (typeof global !== 'undefined' && global.fetch) {\n fetchApi = global.fetch;\n} else if (typeof window !== 'undefined' && window.fetch) {\n fetchApi = window.fetch;\n}\nvar XmlHttpRequestApi;\nif (hasXMLHttpRequest()) {\n if (typeof global !== 'undefined' && global.XMLHttpRequest) {\n XmlHttpRequestApi = global.XMLHttpRequest;\n } else if (typeof window !== 'undefined' && window.XMLHttpRequest) {\n XmlHttpRequestApi = window.XMLHttpRequest;\n }\n}\nvar ActiveXObjectApi;\nif (typeof ActiveXObject === 'function') {\n if (typeof global !== 'undefined' && global.ActiveXObject) {\n ActiveXObjectApi = global.ActiveXObject;\n } else if (typeof window !== 'undefined' && window.ActiveXObject) {\n ActiveXObjectApi = window.ActiveXObject;\n }\n}\nif (typeof fetchApi !== 'function') fetchApi = undefined;\nif (!fetchApi && !XmlHttpRequestApi && !ActiveXObjectApi) {\n try {\n import('cross-fetch').then(function (mod) {\n fetchApi = mod.default;\n }).catch(function () {});\n } catch (e) {}\n}\nvar addQueryString = function addQueryString(url, params) {\n if (params && _typeof(params) === 'object') {\n var queryString = '';\n for (var paramName in params) {\n queryString += '&' + encodeURIComponent(paramName) + '=' + encodeURIComponent(params[paramName]);\n }\n if (!queryString) return url;\n url = url + (url.indexOf('?') !== -1 ? '&' : '?') + queryString.slice(1);\n }\n return url;\n};\nvar fetchIt = function fetchIt(url, fetchOptions, callback, altFetch) {\n var resolver = function resolver(response) {\n if (!response.ok) return callback(response.statusText || 'Error', {\n status: response.status\n });\n response.text().then(function (data) {\n callback(null, {\n status: response.status,\n data: data\n });\n }).catch(callback);\n };\n if (altFetch) {\n var altResponse = altFetch(url, fetchOptions);\n if (altResponse instanceof Promise) {\n altResponse.then(resolver).catch(callback);\n return;\n }\n }\n if (typeof fetch === 'function') {\n fetch(url, fetchOptions).then(resolver).catch(callback);\n } else {\n fetchApi(url, fetchOptions).then(resolver).catch(callback);\n }\n};\nvar omitFetchOptions = false;\nvar requestWithFetch = function requestWithFetch(options, url, payload, callback) {\n if (options.queryStringParams) {\n url = addQueryString(url, options.queryStringParams);\n }\n var headers = _objectSpread({}, typeof options.customHeaders === 'function' ? options.customHeaders() : options.customHeaders);\n if (typeof window === 'undefined' && typeof global !== 'undefined' && typeof global.process !== 'undefined' && global.process.versions && global.process.versions.node) {\n headers['User-Agent'] = \"i18next-http-backend (node/\".concat(global.process.version, \"; \").concat(global.process.platform, \" \").concat(global.process.arch, \")\");\n }\n if (payload) headers['Content-Type'] = 'application/json';\n var reqOptions = typeof options.requestOptions === 'function' ? options.requestOptions(payload) : options.requestOptions;\n var fetchOptions = _objectSpread({\n method: payload ? 'POST' : 'GET',\n body: payload ? options.stringify(payload) : undefined,\n headers: headers\n }, omitFetchOptions ? {} : reqOptions);\n var altFetch = typeof options.alternateFetch === 'function' && options.alternateFetch.length >= 1 ? options.alternateFetch : undefined;\n try {\n fetchIt(url, fetchOptions, callback, altFetch);\n } catch (e) {\n if (!reqOptions || Object.keys(reqOptions).length === 0 || !e.message || e.message.indexOf('not implemented') < 0) {\n return callback(e);\n }\n try {\n Object.keys(reqOptions).forEach(function (opt) {\n delete fetchOptions[opt];\n });\n fetchIt(url, fetchOptions, callback, altFetch);\n omitFetchOptions = true;\n } catch (err) {\n callback(err);\n }\n }\n};\nvar requestWithXmlHttpRequest = function requestWithXmlHttpRequest(options, url, payload, callback) {\n if (payload && _typeof(payload) === 'object') {\n payload = addQueryString('', payload).slice(1);\n }\n if (options.queryStringParams) {\n url = addQueryString(url, options.queryStringParams);\n }\n try {\n var x = XmlHttpRequestApi ? new XmlHttpRequestApi() : new ActiveXObjectApi('MSXML2.XMLHTTP.3.0');\n x.open(payload ? 'POST' : 'GET', url, 1);\n if (!options.crossDomain) {\n x.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n }\n x.withCredentials = !!options.withCredentials;\n if (payload) {\n x.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\n }\n if (x.overrideMimeType) {\n x.overrideMimeType('application/json');\n }\n var h = options.customHeaders;\n h = typeof h === 'function' ? h() : h;\n if (h) {\n for (var i in h) {\n x.setRequestHeader(i, h[i]);\n }\n }\n x.onreadystatechange = function () {\n x.readyState > 3 && callback(x.status >= 400 ? x.statusText : null, {\n status: x.status,\n data: x.responseText\n });\n };\n x.send(payload);\n } catch (e) {\n console && console.log(e);\n }\n};\nvar request = function request(options, url, payload, callback) {\n if (typeof payload === 'function') {\n callback = payload;\n payload = undefined;\n }\n callback = callback || function () {};\n if (fetchApi && url.indexOf('file:') !== 0) {\n return requestWithFetch(options, url, payload, callback);\n }\n if (hasXMLHttpRequest() || typeof ActiveXObject === 'function') {\n return requestWithXmlHttpRequest(options, url, payload, callback);\n }\n callback(new Error('No fetch and no xhr implementation found!'));\n};\nexport default request;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport { makePromise } from './utils.js';\nimport request from './request.js';\nvar getDefaults = function getDefaults() {\n return {\n loadPath: '/locales/{{lng}}/{{ns}}.json',\n addPath: '/locales/add/{{lng}}/{{ns}}',\n parse: function parse(data) {\n return JSON.parse(data);\n },\n stringify: JSON.stringify,\n parsePayload: function parsePayload(namespace, key, fallbackValue) {\n return _defineProperty({}, key, fallbackValue || '');\n },\n parseLoadPayload: function parseLoadPayload(languages, namespaces) {\n return undefined;\n },\n request: request,\n reloadInterval: typeof window !== 'undefined' ? false : 60 * 60 * 1000,\n customHeaders: {},\n queryStringParams: {},\n crossDomain: false,\n withCredentials: false,\n overrideMimeType: false,\n requestOptions: {\n mode: 'cors',\n credentials: 'same-origin',\n cache: 'default'\n }\n };\n};\nvar Backend = function () {\n function Backend(services) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var allOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n _classCallCheck(this, Backend);\n this.services = services;\n this.options = options;\n this.allOptions = allOptions;\n this.type = 'backend';\n this.init(services, options, allOptions);\n }\n return _createClass(Backend, [{\n key: \"init\",\n value: function init(services) {\n var _this = this;\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var allOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n this.services = services;\n this.options = _objectSpread(_objectSpread(_objectSpread({}, getDefaults()), this.options || {}), options);\n this.allOptions = allOptions;\n if (this.services && this.options.reloadInterval) {\n var timer = setInterval(function () {\n return _this.reload();\n }, this.options.reloadInterval);\n if (_typeof(timer) === 'object' && typeof timer.unref === 'function') timer.unref();\n }\n }\n }, {\n key: \"readMulti\",\n value: function readMulti(languages, namespaces, callback) {\n this._readAny(languages, languages, namespaces, namespaces, callback);\n }\n }, {\n key: \"read\",\n value: function read(language, namespace, callback) {\n this._readAny([language], language, [namespace], namespace, callback);\n }\n }, {\n key: \"_readAny\",\n value: function _readAny(languages, loadUrlLanguages, namespaces, loadUrlNamespaces, callback) {\n var _this2 = this;\n var loadPath = this.options.loadPath;\n if (typeof this.options.loadPath === 'function') {\n loadPath = this.options.loadPath(languages, namespaces);\n }\n loadPath = makePromise(loadPath);\n loadPath.then(function (resolvedLoadPath) {\n if (!resolvedLoadPath) return callback(null, {});\n var url = _this2.services.interpolator.interpolate(resolvedLoadPath, {\n lng: languages.join('+'),\n ns: namespaces.join('+')\n });\n _this2.loadUrl(url, callback, loadUrlLanguages, loadUrlNamespaces);\n });\n }\n }, {\n key: \"loadUrl\",\n value: function loadUrl(url, callback, languages, namespaces) {\n var _this3 = this;\n var lng = typeof languages === 'string' ? [languages] : languages;\n var ns = typeof namespaces === 'string' ? [namespaces] : namespaces;\n var payload = this.options.parseLoadPayload(lng, ns);\n this.options.request(this.options, url, payload, function (err, res) {\n if (res && (res.status >= 500 && res.status < 600 || !res.status)) return callback('failed loading ' + url + '; status code: ' + res.status, true);\n if (res && res.status >= 400 && res.status < 500) return callback('failed loading ' + url + '; status code: ' + res.status, false);\n if (!res && err && err.message) {\n var errorMessage = err.message.toLowerCase();\n var isNetworkError = ['failed', 'fetch', 'network', 'load'].find(function (term) {\n return errorMessage.indexOf(term) > -1;\n });\n if (isNetworkError) {\n return callback('failed loading ' + url + ': ' + err.message, true);\n }\n }\n if (err) return callback(err, false);\n var ret, parseErr;\n try {\n if (typeof res.data === 'string') {\n ret = _this3.options.parse(res.data, languages, namespaces);\n } else {\n ret = res.data;\n }\n } catch (e) {\n parseErr = 'failed parsing ' + url + ' to json';\n }\n if (parseErr) return callback(parseErr, false);\n callback(null, ret);\n });\n }\n }, {\n key: \"create\",\n value: function create(languages, namespace, key, fallbackValue, callback) {\n var _this4 = this;\n if (!this.options.addPath) return;\n if (typeof languages === 'string') languages = [languages];\n var payload = this.options.parsePayload(namespace, key, fallbackValue);\n var finished = 0;\n var dataArray = [];\n var resArray = [];\n languages.forEach(function (lng) {\n var addPath = _this4.options.addPath;\n if (typeof _this4.options.addPath === 'function') {\n addPath = _this4.options.addPath(lng, namespace);\n }\n var url = _this4.services.interpolator.interpolate(addPath, {\n lng: lng,\n ns: namespace\n });\n _this4.options.request(_this4.options, url, payload, function (data, res) {\n finished += 1;\n dataArray.push(data);\n resArray.push(res);\n if (finished === languages.length) {\n if (typeof callback === 'function') callback(dataArray, resArray);\n }\n });\n });\n }\n }, {\n key: \"reload\",\n value: function reload() {\n var _this5 = this;\n var _this$services = this.services,\n backendConnector = _this$services.backendConnector,\n languageUtils = _this$services.languageUtils,\n logger = _this$services.logger;\n var currentLanguage = backendConnector.language;\n if (currentLanguage && currentLanguage.toLowerCase() === 'cimode') return;\n var toLoad = [];\n var append = function append(lng) {\n var lngs = languageUtils.toResolveHierarchy(lng);\n lngs.forEach(function (l) {\n if (toLoad.indexOf(l) < 0) toLoad.push(l);\n });\n };\n append(currentLanguage);\n if (this.allOptions.preload) this.allOptions.preload.forEach(function (l) {\n return append(l);\n });\n toLoad.forEach(function (lng) {\n _this5.allOptions.ns.forEach(function (ns) {\n backendConnector.read(lng, ns, 'read', null, null, function (err, data) {\n if (err) logger.warn(\"loading namespace \".concat(ns, \" for language \").concat(lng, \" failed\"), err);\n if (!err && data) logger.log(\"loaded namespace \".concat(ns, \" for language \").concat(lng), data);\n backendConnector.loaded(\"\".concat(lng, \"|\").concat(ns), err, data);\n });\n });\n });\n }\n }]);\n}();\nBackend.type = 'backend';\nexport default Backend;","export const locales = {\n af: () => import('dayjs/locale/af'),\n am: () => import('dayjs/locale/am'),\n 'ar-DZ': () => import('dayjs/locale/ar-dz'),\n 'ar-IQ': () => import('dayjs/locale/ar-iq'),\n 'ar-KW': () => import('dayjs/locale/ar-kw'),\n 'ar-LY': () => import('dayjs/locale/ar-ly'),\n 'ar-MA': () => import('dayjs/locale/ar-ma'),\n 'ar-SA': () => import('dayjs/locale/ar-sa'),\n 'ar-TN': () => import('dayjs/locale/ar-tn'),\n ar: () => import('dayjs/locale/ar'),\n az: () => import('dayjs/locale/az'),\n be: () => import('dayjs/locale/be'),\n bg: () => import('dayjs/locale/bg'),\n bi: () => import('dayjs/locale/bi'),\n bm: () => import('dayjs/locale/bm'),\n 'bn-BD': () => import('dayjs/locale/bn-bd'),\n bn: () => import('dayjs/locale/bn'),\n bo: () => import('dayjs/locale/bo'),\n br: () => import('dayjs/locale/br'),\n bs: () => import('dayjs/locale/bs'),\n ca: () => import('dayjs/locale/ca'),\n cs: () => import('dayjs/locale/cs'),\n cv: () => import('dayjs/locale/cv'),\n cy: () => import('dayjs/locale/cy'),\n 'de-AT': () => import('dayjs/locale/de-at'),\n da: () => import('dayjs/locale/da'),\n 'de-CH': () => import('dayjs/locale/de-ch'),\n de: () => import('dayjs/locale/de'),\n dv: () => import('dayjs/locale/dv'),\n el: () => import('dayjs/locale/el'),\n 'en-AU': () => import('dayjs/locale/en-au'),\n 'en-CA': () => import('dayjs/locale/en-ca'),\n 'en-GB': () => import('dayjs/locale/en-gb'),\n 'en-IE': () => import('dayjs/locale/en-ie'),\n 'en-IL': () => import('dayjs/locale/en-il'),\n 'en-IN': () => import('dayjs/locale/en-in'),\n 'en-NZ': () => import('dayjs/locale/en-nz'),\n 'en-SG': () => import('dayjs/locale/en-sg'),\n 'en-TT': () => import('dayjs/locale/en-tt'),\n eo: () => import('dayjs/locale/eo'),\n en: () => import('dayjs/locale/en'),\n 'es-DO': () => import('dayjs/locale/es-do'),\n 'es-MX': () => import('dayjs/locale/es-mx'),\n 'es-PR': () => import('dayjs/locale/es-pr'),\n 'es-US': () => import('dayjs/locale/es-us'),\n et: () => import('dayjs/locale/et'),\n es: () => import('dayjs/locale/es'),\n eu: () => import('dayjs/locale/eu'),\n fa: () => import('dayjs/locale/fa'),\n fo: () => import('dayjs/locale/fo'),\n fi: () => import('dayjs/locale/fi'),\n 'fr-CA': () => import('dayjs/locale/fr-ca'),\n 'fr-CH': () => import('dayjs/locale/fr-ch'),\n fr: () => import('dayjs/locale/fr'),\n fy: () => import('dayjs/locale/fy'),\n ga: () => import('dayjs/locale/ga'),\n gd: () => import('dayjs/locale/gd'),\n 'gom-LATN': () => import('dayjs/locale/gom-latn'),\n gl: () => import('dayjs/locale/gl'),\n gu: () => import('dayjs/locale/gu'),\n he: () => import('dayjs/locale/he'),\n hi: () => import('dayjs/locale/hi'),\n hr: () => import('dayjs/locale/hr'),\n hu: () => import('dayjs/locale/hu'),\n ht: () => import('dayjs/locale/ht'),\n 'hy-AM': () => import('dayjs/locale/hy-am'),\n id: () => import('dayjs/locale/id'),\n is: () => import('dayjs/locale/is'),\n 'it-CH': () => import('dayjs/locale/it-ch'),\n it: () => import('dayjs/locale/it'),\n ja: () => import('dayjs/locale/ja'),\n jv: () => import('dayjs/locale/jv'),\n ka: () => import('dayjs/locale/ka'),\n kk: () => import('dayjs/locale/kk'),\n km: () => import('dayjs/locale/km'),\n kn: () => import('dayjs/locale/kn'),\n ko: () => import('dayjs/locale/ko'),\n ku: () => import('dayjs/locale/ku'),\n ky: () => import('dayjs/locale/ky'),\n lb: () => import('dayjs/locale/lb'),\n lo: () => import('dayjs/locale/lo'),\n lt: () => import('dayjs/locale/lt'),\n lv: () => import('dayjs/locale/lv'),\n me: () => import('dayjs/locale/me'),\n mi: () => import('dayjs/locale/mi'),\n mk: () => import('dayjs/locale/mk'),\n ml: () => import('dayjs/locale/ml'),\n mn: () => import('dayjs/locale/mn'),\n mr: () => import('dayjs/locale/mr'),\n 'ms-MY': () => import('dayjs/locale/ms-my'),\n ms: () => import('dayjs/locale/ms'),\n mt: () => import('dayjs/locale/mt'),\n my: () => import('dayjs/locale/my'),\n nb: () => import('dayjs/locale/nb'),\n ne: () => import('dayjs/locale/ne'),\n 'nl-BE': () => import('dayjs/locale/nl-be'),\n nl: () => import('dayjs/locale/nl'),\n pl: () => import('dayjs/locale/pl'),\n 'pt-BR': () => import('dayjs/locale/pt-br'),\n pt: () => import('dayjs/locale/pt'),\n rn: () => import('dayjs/locale/rn'),\n ro: () => import('dayjs/locale/ro'),\n ru: () => import('dayjs/locale/ru'),\n rw: () => import('dayjs/locale/rw'),\n sd: () => import('dayjs/locale/sd'),\n se: () => import('dayjs/locale/se'),\n si: () => import('dayjs/locale/si'),\n sk: () => import('dayjs/locale/sk'),\n sl: () => import('dayjs/locale/sl'),\n sq: () => import('dayjs/locale/sq'),\n 'sr-CYRL': () => import('dayjs/locale/sr-cyrl'),\n ss: () => import('dayjs/locale/ss'),\n 'sv-FI': () => import('dayjs/locale/sv-fi'),\n sr: () => import('dayjs/locale/sr'),\n sv: () => import('dayjs/locale/sv'),\n sw: () => import('dayjs/locale/sw'),\n ta: () => import('dayjs/locale/ta'),\n te: () => import('dayjs/locale/te'),\n tet: () => import('dayjs/locale/tet'),\n tg: () => import('dayjs/locale/tg'),\n th: () => import('dayjs/locale/th'),\n tk: () => import('dayjs/locale/tk'),\n 'tl-PH': () => import('dayjs/locale/tl-ph'),\n tlh: () => import('dayjs/locale/tlh'),\n tr: () => import('dayjs/locale/tr'),\n tzl: () => import('dayjs/locale/tzl'),\n 'tzm-LATN': () => import('dayjs/locale/tzm-latn'),\n tzm: () => import('dayjs/locale/tzm'),\n 'ug-CN': () => import('dayjs/locale/ug-cn'),\n uk: () => import('dayjs/locale/uk'),\n ur: () => import('dayjs/locale/ur'),\n 'uz-LATN': () => import('dayjs/locale/uz-latn'),\n uz: () => import('dayjs/locale/uz'),\n vi: () => import('dayjs/locale/vi'),\n 'x-PSEUDO': () => import('dayjs/locale/x-pseudo'),\n yo: () => import('dayjs/locale/yo'),\n 'zh-CN': () => import('dayjs/locale/zh-cn'),\n 'zh-HK': () => import('dayjs/locale/zh-hk'),\n 'zh-TW': () => import('dayjs/locale/zh-tw'),\n zh: () => import('dayjs/locale/zh'),\n 'oc-LNC': () => import('dayjs/locale/oc-lnc'),\n nn: () => import('dayjs/locale/nn'),\n 'pa-IN': () => import('dayjs/locale/pa-in'),\n};\n","import dayjs from 'dayjs';\nimport { locales } from '../generated/dayjs-locales-data';\nconst warn = (language) => console.warn(`Cannot load dayjs locale file for \"${language}\"`);\nconst resolveLanguage = (languageInput) => {\n if (locales[languageInput]) {\n return languageInput;\n }\n if (languageInput.includes('-')) {\n const regionlessLanguage = languageInput.split('-')[0];\n if (locales[regionlessLanguage]) {\n return regionlessLanguage;\n }\n }\n return languageInput;\n};\nexport function loadDayjsLocale(languageInput) {\n const language = resolveLanguage(languageInput);\n if (!locales[language]) {\n warn(language);\n return;\n }\n try {\n locales[language]().then(() => dayjs.locale(language));\n }\n catch (_) {\n warn(language);\n }\n}\n","import DOMPurify from 'dompurify';\nimport Backend from 'i18next-http-backend';\nimport { getAssetPath } from \"../../../utils/asset-path-utils\";\nimport availableLocales from '../../../generated/availableLocales.json';\nexport const i18nTranslationNamespace = 'translation';\nexport function i18nBackendOptions(atomicInterface) {\n return {\n loadPath: `${getAssetPath(atomicInterface.languageAssetsPath)}/{{lng}}.json?lng={{lng}}&ns={{ns}}`,\n request: async (_options, url, _payload, callback) => {\n try {\n const [fetchUrl, searchParams] = url.split('?');\n const urlParams = new URLSearchParams(searchParams);\n const lng = urlParams.get('lng');\n const ns = urlParams.get('ns');\n if (!isI18nLocaleAvailable(lng)) {\n throw new Error(`Unsupported locale \"${lng}\"`);\n }\n if (ns !== i18nTranslationNamespace) {\n throw new Error(`Unsupported namespace \"${ns}\"`);\n }\n const response = await fetch(fetchUrl);\n if (response.status !== 200 && response.status !== 304) {\n throw new Error(`Unsuccessful request returned status \"${response.status}\"`);\n }\n callback(null, {\n status: response.status,\n data: await response.json(),\n });\n }\n catch (error) {\n callback(error, { status: 404, data: '' });\n }\n },\n };\n}\nexport function init18n(atomicInterface) {\n return atomicInterface.i18n.use(Backend).init({\n debug: atomicInterface.logLevel === 'debug',\n lng: atomicInterface.language,\n nsSeparator: '___',\n fallbackLng: 'en',\n backend: i18nBackendOptions(atomicInterface),\n interpolation: {\n escape: (str) => DOMPurify.sanitize(str),\n },\n compatibilityJSON: 'v4',\n });\n}\nfunction isI18nLocaleAvailable(locale) {\n return availableLocales.includes(locale.toLowerCase());\n}\n","export function buildDebouncedQueue(options) {\n let actions = [];\n let intervalId = null;\n function dequeueAction() {\n const action = actions.shift();\n if (action) {\n action.execute();\n }\n else {\n clearInterval(intervalId);\n intervalId = null;\n }\n }\n function cancelActionIfQueued(id) {\n actions = actions.filter((action) => action.id !== id);\n }\n return {\n enqueue(execute, uniqueId) {\n if (uniqueId) {\n cancelActionIfQueued(uniqueId);\n }\n actions.push({ id: uniqueId, execute });\n if (intervalId === null) {\n dequeueAction();\n intervalId = setInterval(dequeueAction, options.delay);\n }\n },\n clear() {\n actions = [];\n },\n cancelActionIfQueued,\n };\n}\nexport function debounce(execute, wait) {\n let timer;\n return (...args) => {\n clearTimeout(timer);\n return new Promise((resolve) => {\n timer = setTimeout(() => resolve(execute(...args)), wait);\n });\n };\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { html, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\nimport { buildDebouncedQueue } from '../../../utils/debounce-utils';\nimport { randomID } from '../../../utils/utils';\n/**\n * The `atomic-aria-live` component notifies screen readers of changes in the search and commerce interfaces.\n *\n * @event atomic/accessibility/findAriaLive - Dispatches an event to find the `atomic-aria-live` element.\n */\nlet AtomicAriaLive = class AtomicAriaLive extends LightDomMixin(LitElement) {\n constructor() {\n super(...arguments);\n this.regions = {};\n this.messagesQueue = buildDebouncedQueue({ delay: 500 });\n this.onFindAriaLive = (event) => {\n const customEvent = event;\n customEvent.detail.element = this;\n };\n }\n connectedCallback() {\n super.connectedCallback();\n this.ariaLiveId = randomID('atomic-aria-live-');\n document.addEventListener('atomic/accessibility/findAriaLive', this.onFindAriaLive);\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.messagesQueue.clear();\n document.removeEventListener('atomic/accessibility/findAriaLive', this.onFindAriaLive);\n }\n /**\n * Updates the message and assertiveness for a specific ARIA live region.\n * If a message is provided, the update is debounced to avoid rapid changes.\n * If the message is empty, any pending update is canceled and the region is cleared immediately.\n *\n * @param region - The name of the ARIA live region to update.\n * @param message - The message to announce in the region.\n * @param assertive - Whether the region should use 'assertive' or 'polite' mode.\n */\n updateMessage(region, message, assertive) {\n const updateRegion = () => {\n this.regions = { ...this.regions, [region]: { assertive, message } };\n };\n if (message) {\n this.messagesQueue.enqueue(updateRegion, region);\n }\n else {\n this.messagesQueue.cancelActionIfQueued(region);\n updateRegion();\n }\n }\n /**\n * Registers a new ARIA live region if it does not already exist.\n *\n * @param region - The name of the ARIA live region to register.\n * @param assertive - Whether the region should use 'assertive' or 'polite' mode.\n */\n registerRegion(region, assertive) {\n if (region in this.regions) {\n return;\n }\n this.regions = { ...this.regions, [region]: { assertive, message: '' } };\n }\n render() {\n const hostStyles = {\n position: 'absolute',\n display: 'block',\n height: '0',\n overflow: 'hidden',\n margin: '0',\n };\n return html `\n
    \n ${Object.entries(this.regions).map(([regionName, { assertive, message }]) => html `\n \n ${message}\n
    \n `)}\n \n `;\n }\n};\n__decorate([\n state()\n], AtomicAriaLive.prototype, \"regions\", void 0);\nAtomicAriaLive = __decorate([\n customElement('atomic-aria-live')\n], AtomicAriaLive);\nexport { AtomicAriaLive };\n","import Backend from 'i18next-http-backend';\nimport { setCoveoGlobal } from \"../../../global/environment\";\nimport { loadDayjsLocale } from \"../../../utils/dayjs-locales\";\nimport { i18nBackendOptions, i18nTranslationNamespace, init18n } from './i18n';\nimport \"../atomic-aria-live/atomic-aria-live\";\nexport class InterfaceController {\n constructor(host, globalVariableName, headlessVersion) {\n this.hangingComponentsInitialization = [];\n this.host = host;\n this.host.addController(this);\n setCoveoGlobal(globalVariableName, headlessVersion);\n }\n hostConnected() {\n this.i18nPromise = init18n(this.host);\n this.initAriaLive();\n }\n hostDisconnected() {\n this.removeAriaLive();\n }\n onComponentInitializing(event) {\n event.preventDefault();\n event.stopPropagation();\n if (this.host.engine) {\n event.detail(this.host.bindings);\n return;\n }\n this.hangingComponentsInitialization.push(event);\n }\n async onInitialization(initEngine) {\n if (this.host.engine) {\n this.host.engine.logger.warn(`The ${this.interfaceTagname} component \"initialize\" has already been called.`);\n return;\n }\n this.host.updateIconAssetsPath();\n initEngine();\n if (this.host.registerFieldsToInclude) {\n this.host.registerFieldsToInclude();\n }\n loadDayjsLocale(this.host.language || 'en');\n await this.i18nPromise;\n this.initComponents();\n }\n onAnalyticsChange() {\n const { engine, analytics } = this.host;\n if (!this.engineIsCreated(engine)) {\n return;\n }\n if (!analytics) {\n engine.disableAnalytics();\n return;\n }\n engine.enableAnalytics();\n }\n onLanguageChange(newLanguage) {\n const language = newLanguage ?? this.host.language;\n const languageWithFallback = language ?? 'en';\n const { i18n } = this.host;\n loadDayjsLocale(languageWithFallback);\n new Backend(i18n.services, i18nBackendOptions(this.host)).read(languageWithFallback.split('-')[0], i18nTranslationNamespace, (_, data) => {\n i18n.addResourceBundle(languageWithFallback.split('-')[0], i18nTranslationNamespace, data, true, false);\n i18n.changeLanguage(language);\n });\n }\n engineIsCreated(engine) {\n if (!engine) {\n console.error(`You have to call \"initialize\" on the ${this.interfaceTagname} component before modifying the props or calling other public methods.`, this.host);\n return false;\n }\n return true;\n }\n get interfaceTagname() {\n return this.host.tagName.toLowerCase();\n }\n initComponents() {\n this.hangingComponentsInitialization.forEach((event) => event.detail(this.host.bindings));\n }\n initAriaLive() {\n if (Array.from(this.host.children).some((element) => element.tagName === 'ATOMIC-ARIA-LIVE')) {\n return;\n }\n const ariaLive = document.createElement('atomic-aria-live');\n this.host.prepend(ariaLive);\n }\n removeAriaLive() {\n const ariaLive = this.host.querySelector('atomic-aria-live');\n if (ariaLive) {\n ariaLive.remove();\n }\n }\n}\n","/**\n * A reactive controller that manages mobile breakpoint changes through event communication.\n * This controller listens for 'atomic-layout-breakpoint-change' events and updates a store\n * with the new breakpoint value.\n */\nexport class MobileBreakpointController {\n constructor(host, store) {\n this.host = host;\n this.store = store;\n this.eventListener = this.handleBreakpointChange.bind(this);\n this.host.addController(this);\n }\n hostConnected() {\n this.host.addEventListener('atomic-layout-breakpoint-change', this.eventListener);\n }\n hostDisconnected() {\n this.host.removeEventListener('atomic-layout-breakpoint-change', this.eventListener);\n }\n handleBreakpointChange(e) {\n const customEvent = e;\n const newBreakpoint = customEvent.detail?.breakpoint;\n if (newBreakpoint && this.store.state.mobileBreakpoint !== newBreakpoint) {\n this.store.state.mobileBreakpoint = newBreakpoint;\n }\n }\n}\n","import { LitElement } from 'lit';\nexport const ChildrenUpdateCompleteMixin = (superClass) => {\n class ChildrenUpdateCompleteMixinClass extends superClass {\n async getUpdateComplete() {\n const baseUpdateComplete = await super.getUpdateComplete();\n const children = Array.from(this.querySelectorAll('*'));\n this.shadowRoot\n ?.querySelectorAll('*')\n .forEach((child) => children.push(child));\n await Promise.all(children.map(async (child) => {\n if (child instanceof LitElement) {\n // @ts-expect-error Atomic elements have an `error` property.\n if (child.error) {\n /**\n * If the child has an error, we don't wait for it to update since\n * updateComplete hangs indefinitely if an error is thrown during rendering.\n * This hanging behaviour is out of our control and is from Lit.\n */\n return;\n }\n await child.updateComplete;\n }\n else if ('componentOnReady' in child) {\n await child.componentOnReady();\n }\n }));\n return baseUpdateComplete;\n }\n }\n return ChildrenUpdateCompleteMixinClass;\n};\n","// Auto-generated file - DO NOT EDIT\n// This file is generated by scripts/generate-custom-element-tags.mjs\n/**\n * Set of all custom element tags defined in the Atomic library.\n * This is generated at build time from @customElement decorators (Lit components only).\n * Stencil components are excluded as they lazy-load.\n */\nexport const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([\n 'atomic-aria-live',\n 'atomic-automatic-facet',\n 'atomic-breadbox',\n 'atomic-category-facet',\n 'atomic-color-facet',\n 'atomic-commerce-breadbox',\n 'atomic-commerce-category-facet',\n 'atomic-commerce-did-you-mean',\n 'atomic-commerce-facet',\n 'atomic-commerce-facet-number-input',\n 'atomic-commerce-facets',\n 'atomic-commerce-interface',\n 'atomic-commerce-layout',\n 'atomic-commerce-load-more-products',\n 'atomic-commerce-no-products',\n 'atomic-commerce-numeric-facet',\n 'atomic-commerce-pager',\n 'atomic-commerce-product-list',\n 'atomic-commerce-products-per-page',\n 'atomic-commerce-query-error',\n 'atomic-commerce-query-summary',\n 'atomic-commerce-recommendation-interface',\n 'atomic-commerce-recommendation-list',\n 'atomic-commerce-refine-modal',\n 'atomic-commerce-refine-toggle',\n 'atomic-commerce-search-box',\n 'atomic-commerce-search-box-instant-products',\n 'atomic-commerce-search-box-query-suggestions',\n 'atomic-commerce-search-box-recent-queries',\n 'atomic-commerce-sort-dropdown',\n 'atomic-commerce-text',\n 'atomic-commerce-timeframe-facet',\n 'atomic-component-error',\n 'atomic-did-you-mean',\n 'atomic-external',\n 'atomic-facet',\n 'atomic-facet-date-input',\n 'atomic-facet-placeholder',\n 'atomic-field-condition',\n 'atomic-focus-trap',\n 'atomic-folded-result-list',\n 'atomic-format-currency',\n 'atomic-format-number',\n 'atomic-format-unit',\n 'atomic-html',\n 'atomic-icon',\n 'atomic-insight-generate-answer-button',\n 'atomic-insight-interface',\n 'atomic-insight-tab',\n 'atomic-insight-tabs',\n 'atomic-ipx-tab',\n 'atomic-ipx-tabs',\n 'atomic-layout-section',\n 'atomic-load-more-results',\n 'atomic-modal',\n 'atomic-no-results',\n 'atomic-notifications',\n 'atomic-numeric-range',\n 'atomic-pager',\n 'atomic-popover',\n 'atomic-product',\n 'atomic-product-children',\n 'atomic-product-description',\n 'atomic-product-excerpt',\n 'atomic-product-field-condition',\n 'atomic-product-image',\n 'atomic-product-link',\n 'atomic-product-multi-value-text',\n 'atomic-product-numeric-field-value',\n 'atomic-product-price',\n 'atomic-product-rating',\n 'atomic-product-section-actions',\n 'atomic-product-section-badges',\n 'atomic-product-section-bottom-metadata',\n 'atomic-product-section-children',\n 'atomic-product-section-description',\n 'atomic-product-section-emphasized',\n 'atomic-product-section-metadata',\n 'atomic-product-section-name',\n 'atomic-product-section-visual',\n 'atomic-product-template',\n 'atomic-product-text',\n 'atomic-query-error',\n 'atomic-query-summary',\n 'atomic-rating-facet',\n 'atomic-rating-range-facet',\n 'atomic-recs-interface',\n 'atomic-refine-toggle',\n 'atomic-relevance-inspector',\n 'atomic-result',\n 'atomic-result-badge',\n 'atomic-result-children',\n 'atomic-result-children-template',\n 'atomic-result-date',\n 'atomic-result-fields-list',\n 'atomic-result-html',\n 'atomic-result-icon',\n 'atomic-result-image',\n 'atomic-result-link',\n 'atomic-result-list',\n 'atomic-result-localized-text',\n 'atomic-result-multi-value-text',\n 'atomic-result-number',\n 'atomic-result-printable-uri',\n 'atomic-result-rating',\n 'atomic-result-section-actions',\n 'atomic-result-section-badges',\n 'atomic-result-section-bottom-metadata',\n 'atomic-result-section-children',\n 'atomic-result-section-emphasized',\n 'atomic-result-section-excerpt',\n 'atomic-result-section-title',\n 'atomic-result-section-title-metadata',\n 'atomic-result-section-visual',\n 'atomic-result-table-placeholder',\n 'atomic-result-template',\n 'atomic-result-text',\n 'atomic-result-timespan',\n 'atomic-results-per-page',\n 'atomic-search-box-instant-results',\n 'atomic-search-box-query-suggestions',\n 'atomic-search-box-recent-queries',\n 'atomic-search-interface',\n 'atomic-search-layout',\n 'atomic-segmented-facet-scrollable',\n 'atomic-sort-dropdown',\n 'atomic-sort-expression',\n 'atomic-tab',\n 'atomic-tab-manager',\n 'atomic-table-element',\n 'atomic-text',\n]);\n/**\n * Waits for all Atomic custom element children to be defined.\n * This ensures that all vanilla (non-framework) Atomic components have been\n * registered with the custom elements registry before proceeding.\n *\n * @param host - The host element to scan for Atomic children\n */\nexport async function waitForAtomicChildrenToBeDefined(host) {\n await Promise.all(Array.from(host.querySelectorAll('*'))\n .filter((el) => ATOMIC_CUSTOM_ELEMENT_TAGS.has(el.tagName.toLowerCase()))\n .map((el) => customElements.whenDefined(el.tagName.toLowerCase())));\n}\n","export var StorageItems;\n(function (StorageItems) {\n StorageItems[\"RECENT_QUERIES\"] = \"coveo-recent-queries\";\n StorageItems[\"STANDALONE_SEARCH_BOX_DATA\"] = \"coveo-standalone-search-box-data\";\n StorageItems[\"GENERATED_ANSWER_DATA\"] = \"coveo-generated-answer-data\";\n})(StorageItems || (StorageItems = {}));\nexport class SafeStorage {\n clear() {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.clear(), () => { });\n }\n getItem(key) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.getItem(key), () => null);\n }\n getParsedJSON(key, fallback) {\n const item = this.getItem(key);\n if (!item) {\n return fallback;\n }\n return this.tryJSONOrWarn(key, () => JSON.parse(item), () => fallback);\n }\n key(index) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.key(index), () => null);\n }\n get length() {\n return this.tryOrElse(() => localStorage.length, () => 0);\n }\n removeItem(key) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.removeItem(key), () => { });\n }\n setItem(key, value) {\n return this.tryAccessLocalStorageOrWarn(() => localStorage.setItem(key, value), () => { });\n }\n setJSON(key, obj) {\n const stringified = this.tryJSONOrWarn(key, () => JSON.stringify(obj), () => JSON.stringify({}));\n return this.setItem(key, stringified);\n }\n tryAccessLocalStorageOrWarn(tryTo, orElse) {\n return this.tryOrElse(tryTo, () => {\n console.warn('Error while trying to read or modify local storage. This can be caused by browser specific settings.');\n return orElse();\n });\n }\n tryJSONOrWarn(key, tryTo, orElse) {\n return this.tryOrElse(tryTo, () => {\n console.warn(`Error while trying to do JSON manipulation with local storage entry. ${key}`);\n return orElse();\n });\n }\n tryOrElse(tryTo, orElse) {\n try {\n return tryTo();\n }\n catch (e) {\n console.warn(e);\n return orElse();\n }\n }\n}\n","import { augmentAnalyticsConfigWithAtomicVersion } from '../../common/interface/analytics-config';\nexport function getAnalyticsConfig(commerceEngineConfig, enabled) {\n return {\n enabled,\n ...commerceEngineConfig.analytics,\n ...augmentAnalyticsConfigWithAtomicVersion(),\n };\n}\n","import { closest } from './dom-utils';\nexport const DEFAULT_MOBILE_BREAKPOINT = '1024px';\nfunction replaceMediaQuery(style, mobileBreakpoint) {\n const regex = new RegExp(`\\\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\\\)|\\\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\\\)`, 'g');\n return style.replace(regex, `(width >= ${mobileBreakpoint})`);\n}\nfunction replaceStyleSheet(element, mobileBreakpoint) {\n const stylesheets = element.shadowRoot?.adoptedStyleSheets;\n if (!stylesheets || !stylesheets.length) {\n return;\n }\n const stylesheet = stylesheets[0];\n const style = Object.values(stylesheet.cssRules)\n .map((rule) => rule.cssText)\n .join('');\n stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));\n}\nfunction replateStyleContent(element, breakpoint) {\n const styleTag = element.shadowRoot?.querySelector('style');\n if (!styleTag) {\n return;\n }\n styleTag.textContent = replaceMediaQuery(styleTag.textContent, breakpoint);\n}\nconst layouts = ['atomic-search-layout', 'atomic-insight-layout'];\nexport function updateBreakpoints(element) {\n const layout = closest(element, layouts.join(', '));\n if (!layout?.mobileBreakpoint) {\n return;\n }\n if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {\n return;\n }\n replaceStyleSheet(element, layout.mobileBreakpoint);\n replateStyleContent(element, layout.mobileBreakpoint);\n}\n","import { buildCommonLayout } from '../../common/atomic-layout-section/layout';\nexport const layoutWebComponentTagName = 'atomic-search-layout';\nexport const containerWebComponentTagName = 'atomic-search-interface';\nexport const noResultsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\nexport function makeDesktopQuery(mobileBreakpoint) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayout(element, mobileBreakpoint) {\n return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noResultsSelector, errorSelector, 'atomic-refine-toggle', 'atomic-sort-dropdown');\n}\n","import { Selectors, } from '@eternal-baguette/headless/commerce';\nimport { DEFAULT_MOBILE_BREAKPOINT } from '../../../utils/replace-breakpoint-utils';\nimport { createBaseStore, setLoadingFlag, unsetLoadingFlag, } from '../../common/interface/store';\nimport { makeDesktopQuery } from '../../search/atomic-search-layout/search-layout';\nexport function createCommerceStore(type) {\n const store = createBaseStore({\n loadingFlags: [],\n iconAssetsPath: '',\n resultList: undefined,\n mobileBreakpoint: DEFAULT_MOBILE_BREAKPOINT,\n activeProductChild: undefined,\n });\n return {\n ...store,\n unsetLoadingFlag(loadingFlag) {\n unsetLoadingFlag(store, loadingFlag);\n },\n setLoadingFlag(loadingFlag) {\n setLoadingFlag(store, loadingFlag);\n },\n isMobile() {\n return !window.matchMedia(makeDesktopQuery(store.state.mobileBreakpoint))\n .matches;\n },\n getUniqueIDFromEngine(engine) {\n switch (type) {\n case 'search':\n return Selectors.Search.responseIdSelector(engine);\n case 'product-listing':\n return Selectors.ProductListing.responseIdSelector(engine);\n }\n },\n };\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildCommerceEngine, buildContext, buildProductListing, buildSearch, VERSION as HEADLESS_VERSION, loadConfigurationActions, loadContextActions, loadQueryActions, } from '@eternal-baguette/headless/commerce';\nimport { provide } from '@lit/context';\nimport i18next from 'i18next';\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { errorSelector, firstSearchExecutedSelector, noProductsSelector, } from \"../atomic-commerce-layout/commerce-layout\";\nimport { bindingsContext } from \"../../common/context/bindings-context\";\nimport { augmentAnalyticsConfigWithAtomicVersion } from \"../../common/interface/analytics-config\";\nimport { InterfaceController, } from \"../../common/interface/interface-controller\";\nimport { MobileBreakpointController } from \"../../common/layout/mobile-breakpoint-controller\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { watch } from \"../../../decorators/watch\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\nimport { ChildrenUpdateCompleteMixin } from \"../../../mixins/children-update-complete-mixin\";\nimport { waitForAtomicChildrenToBeDefined } from \"../../../utils/custom-element-tags\";\nimport { markParentAsReady } from \"../../../utils/init-queue\";\nimport { SafeStorage, StorageItems, } from \"../../../utils/local-storage-utils\";\nimport { getAnalyticsConfig } from './analytics-config';\nimport { createCommerceStore } from './store';\nconst FirstRequestExecutedFlag = 'firstRequestExecuted';\n/**\n * The `atomic-commerce-interface` component is the parent to all other atomic commerce components in a commerce page\n * (except for `atomic-commerce-recommendation-list`, which must have\n * `atomic-commerce-recommendation-interface` as a parent). It handles the headless commerce engine and localization\n * configurations.\n *\n * @slot default - The default slot where you can add child components to the interface.\n */\nlet AtomicCommerceInterface = class AtomicCommerceInterface extends ChildrenUpdateCompleteMixin(LitElement) {\n constructor() {\n super();\n this.bindings = {};\n this.unsubscribeUrlManager = () => { };\n this.unsubscribeSummary = () => { };\n this.initialized = false;\n this.interfaceController = new InterfaceController(this, 'CoveoAtomic', HEADLESS_VERSION);\n /**\n * The type of the interface.\n * - 'search': Indicates that the interface is used for Search.\n * - 'product-listing': Indicates that the interface is used for Product listing.\n */\n this.type = 'search';\n // TODO - KIT-4994: Add disableAnalytics property that defaults to false.\n // TODO - KIT-4994: Deprecate in favor of disableAnalytics property.\n // TODO - (v4) KIT-4990: Remove.\n /**\n * Whether analytics should be enabled.\n */\n this.analytics = true;\n // TODO - (v4) KIT-4823: Remove.\n /**\n * Whether the state should be reflected in the URL parameters.\n * @deprecated - replaced by `disable-state-reflection-in-url` (this defaults to `true`, while the replacement defaults to `false`).\n */\n this.reflectStateInUrl = true;\n /**\n * Whether to disable state reflection in the URL parameters.\n */\n this.disableStateReflectionInUrl = false;\n /**\n * The CSS selector for the container where the interface will scroll back to.\n */\n this.scrollContainer = 'atomic-commerce-interface';\n /**\n * The language assets path. By default, this will be a relative URL pointing to `./lang`.\n *\n * Example: \"/mypublicpath/languages\"\n *\n */\n this.languageAssetsPath = './lang';\n /**\n * The icon assets path. By default, this will be a relative URL pointing to `./assets`.\n *\n * Example: \"/mypublicpath/icons\"\n *\n */\n this.iconAssetsPath = './assets';\n this.handleInitialization = (event) => {\n this.interfaceController.onComponentInitializing(event);\n };\n this.onHashChange = () => {\n this.urlManager.synchronize(this.fragment);\n };\n this.store = createCommerceStore(this.type);\n new MobileBreakpointController(this, this.store);\n const { promise, resolve } = Promise.withResolvers();\n this.i18Initialized = promise;\n this.i18n = i18next.createInstance(undefined, resolve);\n }\n connectedCallback() {\n super.connectedCallback();\n this.store.setLoadingFlag(FirstRequestExecutedFlag);\n this.addEventListener('atomic/initializeComponent', this.handleInitialization);\n this.addEventListener('atomic/scrollToTop', this.scrollToTop);\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n if (typeof this.unsubscribeUrlManager === 'function') {\n this.unsubscribeUrlManager();\n }\n if (typeof this.unsubscribeSummary === 'function') {\n this.unsubscribeSummary();\n }\n window.removeEventListener('hashchange', this.onHashChange);\n this.removeEventListener('atomic/initializeComponent', this.handleInitialization);\n this.removeEventListener('atomic/scrollToTop', this.scrollToTop);\n }\n /**\n * Initializes the connection with the headless commerce engine using the specified options.\n */\n initialize(options) {\n return this.internalInitialization(() => this.initEngine(options));\n }\n /**\n * Initializes the connection with a preconfigured [headless commerce engine](https://docs.coveo.com/en/headless/latest/reference/interfaces/Commerce.CommerceEngine.html), as opposed to the `initialize` method, which internally creates a new commerce engine instance.\n * This bypasses the properties set on the component, such as analytics and language.\n */\n initializeWithEngine(engine) {\n engine.dispatch(loadConfigurationActions(engine).updateAnalyticsConfiguration({\n trackingId: engine.configuration.analytics.trackingId,\n ...augmentAnalyticsConfigWithAtomicVersion(),\n }));\n return this.internalInitialization(() => {\n this.engine = engine;\n });\n }\n /**\n *\n * Executes the first request after initializing connection to the headless commerce engine.\n */\n async executeFirstRequest() {\n if (!this.interfaceController.engineIsCreated(this.engine)) {\n return;\n }\n if (!this.initialized) {\n console.error('You have to wait until the \"initialize\" promise is fulfilled before executing a request.', this);\n return;\n }\n if (this.type === 'search') {\n const safeStorage = new SafeStorage();\n const standaloneSearchBoxData = safeStorage.getParsedJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, null);\n if (!standaloneSearchBoxData) {\n this.searchOrListing.executeFirstSearch();\n return;\n }\n safeStorage.removeItem(StorageItems.STANDALONE_SEARCH_BOX_DATA);\n const { value } = standaloneSearchBoxData;\n this.engine.dispatch(loadQueryActions(this.engine).updateQuery({ query: value }));\n this.searchOrListing.executeFirstSearch();\n }\n else {\n this.searchOrListing.executeFirstRequest();\n }\n }\n /**\n * Updates the locale settings for the commerce interface and headless commerce\n * engine. Only the provided parameters will be updated.\n *\n * Calling this method affects the localization of the interface as well as\n * the catalog configuration being used by the Commerce API. If the resulting\n * language-country-currency combination matches no existing catalog\n * configuration in your Coveo organization, requests made through the\n * commerce engine will start failing.\n *\n * @param language - (Optional) The IETF language code tag (for example, `en`).\n * @param country - (Optional) The ISO-3166-1 country tag (for example, `US`).\n * @param currency - (Optional) The ISO-4217 currency code (for example, `USD`).\n *\n * @example\n * ```typescript\n * interface.updateLocale('fr', 'CA', 'CAD');\n * ```\n */\n updateLocale(language, country, currency) {\n if (!this.interfaceController.engineIsCreated(this.engine) ||\n !this.context) {\n return;\n }\n language && this.interfaceController.onLanguageChange(language);\n if (this.isNewLocale(language, country, currency)) {\n const { setContext } = loadContextActions(this.engine);\n this.engine.dispatch(setContext({\n ...this.context.state,\n ...(language && { language }),\n ...(country && { country }),\n ...(currency && { currency }),\n }));\n }\n }\n toggleAnalytics() {\n if (!this.interfaceController.engineIsCreated(this.engine)) {\n return;\n }\n this.interfaceController.onAnalyticsChange();\n }\n // TODO - (v4) KIT-4365: Remove.\n updateLanguage() {\n if (!this.interfaceController.engineIsCreated(this.engine) ||\n !this.language ||\n !this.context) {\n return;\n }\n this.engine.logger.warn('The `language` property will be removed in the next major version of Atomic (v4). Rather than using this property, set the initial language through the engine configuration when calling `initialize` or `initializeWithEngine`, and update the language as needed using the `updateLocale` method.');\n this.context.setLanguage(this.language);\n return this.interfaceController.onLanguageChange();\n }\n updateIconAssetsPath() {\n this.store.state.iconAssetsPath = this.iconAssetsPath;\n }\n render() {\n return html ``;\n }\n getBindings() {\n return {\n engine: this.engine,\n i18n: this.i18n,\n store: this.store,\n interfaceElement: this,\n };\n }\n initEngine(options) {\n const analyticsConfig = getAnalyticsConfig(options, this.analytics);\n try {\n this.engine = buildCommerceEngine({\n configuration: {\n ...options,\n analytics: analyticsConfig,\n },\n loggerOptions: {\n level: this.logLevel,\n },\n });\n }\n catch (error) {\n this.error = error;\n throw error;\n }\n }\n get fragment() {\n return window.location.hash.slice(1);\n }\n initContext() {\n this.context = buildContext(this.engine);\n }\n initLanguage() {\n if (!this.context || this.language) {\n return;\n }\n this.interfaceController.onLanguageChange(this.context.state.language);\n }\n initRequestStatus() {\n this.searchOrListing =\n this.type === 'product-listing'\n ? buildProductListing(this.engine)\n : buildSearch(this.engine);\n }\n initSummary() {\n this.summary = this.searchOrListing.summary();\n this.unsubscribeSummary = this.summary.subscribe(() => {\n const { firstRequestExecuted, hasProducts, hasError } = this.summary.state;\n const hasNoProductsAfterInitialQuery = firstRequestExecuted && !hasError && !hasProducts;\n this.classList.toggle(noProductsSelector, hasNoProductsAfterInitialQuery);\n this.classList.toggle(errorSelector, hasError);\n this.classList.toggle(firstSearchExecutedSelector, firstRequestExecuted);\n if (firstRequestExecuted) {\n this.store.unsetLoadingFlag(FirstRequestExecutedFlag);\n }\n });\n }\n initUrlManager() {\n if (this.disableStateReflectionInUrl) {\n return;\n }\n if (!this.reflectStateInUrl) {\n return;\n }\n this.urlManager = this.searchOrListing.urlManager({\n initialState: { fragment: this.fragment },\n });\n this.unsubscribeUrlManager = this.urlManager.subscribe(() => this.updateHash());\n window.addEventListener('hashchange', this.onHashChange);\n }\n async internalInitialization(initEngine) {\n await Promise.all([\n this.interfaceController.onInitialization(initEngine),\n this.i18Initialized,\n ]);\n this.initContext();\n this.updateLanguage(); // TODO - (v4) KIT-4365: Remove.\n this.bindings = this.getBindings();\n markParentAsReady(this);\n this.initRequestStatus();\n this.initSummary();\n this.initLanguage();\n await waitForAtomicChildrenToBeDefined(this);\n await this.getUpdateComplete();\n this.initUrlManager();\n this.initialized = true;\n }\n isNewLocale(language, country, currency) {\n if (!this.context) {\n return false;\n }\n return ((language && language !== this.context.state.language) ||\n (country && country !== this.context.state.country) ||\n (currency && currency !== this.context.state.currency));\n }\n // TODO - (v4) KIT-4991: Make private.\n scrollToTop() {\n const scrollContainerElement = document.querySelector(this.scrollContainer);\n if (!scrollContainerElement) {\n console.warn(`Could not find the scroll container with the selector \"${this.scrollContainer}\". This will prevent UX interactions that require a scroll from working correctly. Please review the CSS selector in the scrollContainer option`);\n return;\n }\n scrollContainerElement.scrollIntoView({ behavior: 'smooth' });\n }\n updateHash() {\n const newFragment = this.urlManager.state.fragment;\n if (!this.searchOrListing.state.isLoading) {\n history.replaceState(null, document.title, `#${newFragment}`);\n this.bindings.engine.logger.info(`History replaceState #${newFragment}`);\n return;\n }\n history.pushState(null, document.title, `#${newFragment}`);\n this.bindings.engine.logger.info(`History pushState #${newFragment}`);\n }\n};\nAtomicCommerceInterface.styles = [\n css`:host{height:inherit;width:inherit;&>slot{height:inherit}}`,\n];\n__decorate([\n state(),\n provide({ context: bindingsContext })\n], AtomicCommerceInterface.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceInterface.prototype, \"error\", void 0);\n__decorate([\n property({ type: String, reflect: true })\n], AtomicCommerceInterface.prototype, \"type\", void 0);\n__decorate([\n property({\n type: Boolean,\n converter: booleanConverter,\n reflect: true,\n })\n], AtomicCommerceInterface.prototype, \"analytics\", void 0);\n__decorate([\n property({ type: String, attribute: 'log-level', reflect: true })\n], AtomicCommerceInterface.prototype, \"logLevel\", void 0);\n__decorate([\n property({ type: Object, attribute: false })\n], AtomicCommerceInterface.prototype, \"i18n\", void 0);\n__decorate([\n property({ type: String, reflect: true })\n], AtomicCommerceInterface.prototype, \"language\", void 0);\n__decorate([\n property({ type: Object, attribute: false })\n], AtomicCommerceInterface.prototype, \"engine\", void 0);\n__decorate([\n property({\n type: Boolean,\n attribute: 'reflect-state-in-url',\n reflect: true,\n converter: booleanConverter,\n })\n], AtomicCommerceInterface.prototype, \"reflectStateInUrl\", void 0);\n__decorate([\n property({\n type: Boolean,\n attribute: 'disable-state-reflection-in-url',\n reflect: true,\n })\n], AtomicCommerceInterface.prototype, \"disableStateReflectionInUrl\", void 0);\n__decorate([\n property({ type: String, attribute: 'scroll-container', reflect: true })\n], AtomicCommerceInterface.prototype, \"scrollContainer\", void 0);\n__decorate([\n property({ type: String, attribute: 'language-assets-path', reflect: true })\n], AtomicCommerceInterface.prototype, \"languageAssetsPath\", void 0);\n__decorate([\n property({ type: String, attribute: 'icon-assets-path', reflect: true })\n], AtomicCommerceInterface.prototype, \"iconAssetsPath\", void 0);\n__decorate([\n watch('analytics')\n], AtomicCommerceInterface.prototype, \"toggleAnalytics\", null);\n__decorate([\n watch('language')\n], AtomicCommerceInterface.prototype, \"updateLanguage\", null);\n__decorate([\n watch('iconAssetsPath')\n], AtomicCommerceInterface.prototype, \"updateIconAssetsPath\", null);\n__decorate([\n errorGuard()\n], AtomicCommerceInterface.prototype, \"render\", null);\nAtomicCommerceInterface = __decorate([\n customElement('atomic-commerce-interface'),\n withTailwindStyles\n], AtomicCommerceInterface);\nexport { AtomicCommerceInterface };\n","import { randomID } from \"../../../utils/utils\";\n/**\n * A reactive controller that manages dynamic layout styles.\n */\nexport class LayoutStylesController {\n constructor(host, stylesBuilder, componentPrefix) {\n this.dynamicStyleSheet = null;\n this.host = host;\n this.stylesBuilder = stylesBuilder;\n this.componentPrefix = componentPrefix;\n this.host.addController(this);\n }\n hostConnected() {\n if (!this.host.id) {\n this.host.id = randomID(this.componentPrefix);\n }\n this.host.updateComplete.then(() => this.updateStyles());\n }\n /**\n * Updates the dynamic styles based on the current mobile breakpoint\n */\n updateStyles() {\n const parent = this.host.getRootNode();\n const isDocumentOrShadowRoot = parent instanceof Document || parent instanceof ShadowRoot;\n if (!isDocumentOrShadowRoot) {\n return;\n }\n const newStylesCSS = this.stylesBuilder(this.host, this.host.mobileBreakpoint);\n if (!this.dynamicStyleSheet) {\n this.dynamicStyleSheet = new CSSStyleSheet();\n this.dynamicStyleSheet.replaceSync(newStylesCSS);\n parent.adoptedStyleSheets = [\n ...parent.adoptedStyleSheets,\n this.dynamicStyleSheet,\n ];\n return;\n }\n this.dynamicStyleSheet.replaceSync(newStylesCSS);\n }\n}\n","import { css } from 'lit';\nconst styles = css`.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-commerce-layout{display:none;grid-template-areas:\". atomic-section-search .\" \". atomic-section-main .\";grid-template-columns:var(--atomic-layout-spacing-x) minmax(0,1fr) var(\n --atomic-layout-spacing-x\n );height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-commerce-search-box{&::part(suggestions-double-list){max-width:var(\n --atomic-layout-max-search-box-double-suggestions-width,800px\n );width:125%}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>atomic-popover{display:none;margin-right:.5rem}}atomic-layout-section[section=horizontal-facets]>*{max-width:100%}atomic-layout-section[section=status]{display:grid;grid-template-areas:\"atomic-breadbox atomic-breadbox\" \"atomic-query-summary atomic-sort\" \"atomic-did-you-mean atomic-did-you-mean\" \"atomic-notifications atomic-notifications\";justify-content:space-between;atomic-commerce-breadbox{grid-area:atomic-breadbox}atomic-commerce-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}atomic-commerce-refine-toggle{grid-area:atomic-sort}atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}atomic-commerce-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=status]>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (min-width:50rem){flex-direction:row}}atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`;\nexport default styles;\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { LayoutStylesController } from \"../../common/layout/layout-styles-controller\";\nimport { watch } from \"../../../decorators/watch\";\nimport { ChildrenUpdateCompleteMixin } from \"../../../mixins/children-update-complete-mixin\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\nimport { DEFAULT_MOBILE_BREAKPOINT } from '../../../utils/replace-breakpoint-utils';\nimport styles from './atomic-commerce-layout.tw.css';\nimport { buildCommerceLayout } from './commerce-layout';\n/**\n * The `atomic-commerce-layout` helps organize elements in the commerce page.\n *\n * @cssprop --atomic-layout-max-search-box-input-width: The maximum width that the search box input will take.\n * @cssprop --atomic-layout-max-search-box-double-suggestions-width: The maximum width that the search box suggestions will take when displaying a double list.\n * @cssprop --atomic-layout-search-box-left-suggestions-width: The width of the left list when displaying a double list.\n */\nlet AtomicCommerceLayout = class AtomicCommerceLayout extends LightDomMixin(ChildrenUpdateCompleteMixin(LitElement)) {\n constructor() {\n super(...arguments);\n /**\n * The viewport width at which the layout goes from desktop to mobile.\n * For example: 800px, 65rem.\n */\n this.mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT;\n this.layoutStylesController = new LayoutStylesController(this, buildCommerceLayout, 'atomic-commerce-layout-');\n }\n connectedCallback() {\n super.connectedCallback();\n this.emitBreakpointChangeEvent();\n }\n emitBreakpointChangeEvent() {\n this.dispatchEvent(new CustomEvent('atomic-layout-breakpoint-change', {\n detail: { breakpoint: this.mobileBreakpoint },\n bubbles: true,\n composed: true,\n }));\n }\n onMobileBreakpointChange() {\n this.layoutStylesController.updateStyles();\n this.emitBreakpointChangeEvent();\n }\n};\nAtomicCommerceLayout.styles = [styles];\n__decorate([\n state()\n], AtomicCommerceLayout.prototype, \"error\", void 0);\n__decorate([\n property({ type: String, reflect: true, attribute: 'mobile-breakpoint' })\n], AtomicCommerceLayout.prototype, \"mobileBreakpoint\", void 0);\n__decorate([\n watch('mobileBreakpoint')\n], AtomicCommerceLayout.prototype, \"onMobileBreakpointChange\", null);\nAtomicCommerceLayout = __decorate([\n customElement('atomic-commerce-layout')\n], AtomicCommerceLayout);\nexport { AtomicCommerceLayout };\n","import { html, nothing } from 'lit';\nimport { renderButton } from '../button';\nexport const renderLoadMoreButton = ({ props, }) => {\n const { i18n, onClick, moreAvailable, label } = props;\n if (!moreAvailable) {\n return nothing;\n }\n return renderButton({\n props: {\n style: 'primary',\n part: 'load-more-results-button',\n class: 'my-2 p-3 font-bold',\n onClick: () => onClick(),\n },\n })(html `${i18n.t(label)}`);\n};\n","import { html } from 'lit';\nexport const renderLoadMoreContainer = () => (children) => {\n return html `\n
    ${children}
    \n `;\n};\n","import { html } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\n/**\n * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more results progress bar.\n * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more results progress bar.\n */\nexport const renderLoadMoreProgressBar = ({ props }) => {\n const { from, to } = props;\n const percentage = to > 0 ? Math.min((from / to) * 100, 100) : 0;\n const width = `${Math.ceil(percentage)}%`;\n return html `\n
    \n
    \n \n `;\n};\n","import { html } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport const renderLoadMoreSummary = ({ props }) => {\n const { i18n, from, to, label } = props;\n const wrapHighlight = (content) => {\n return `${content}`;\n };\n const locale = i18n.language;\n const content = i18n.t(label || 'showing-results-of-load-more', {\n interpolation: { escapeValue: false },\n last: wrapHighlight(from.toLocaleString(locale)),\n total: wrapHighlight(to.toLocaleString(locale)),\n });\n return html `\n
    \n ${unsafeHTML(content)}\n
    \n `;\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildProductListing, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { createAppLoadedListener } from \"../../common/interface/store\";\nimport { renderLoadMoreButton } from \"../../common/load-more/button\";\nimport { renderLoadMoreContainer } from \"../../common/load-more/container\";\nimport { renderLoadMoreProgressBar } from \"../../common/load-more/progress-bar\";\nimport { renderLoadMoreSummary } from \"../../common/load-more/summary\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\n/**\n * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.\n *\n * @part container - The container of the component.\n * @part showing-results - The summary displaying which products are shown and how many are available.\n * @part highlight - The highlighted number of products displayed and number of products available.\n * @part progress-bar - The progress bar displaying a percentage of products shown over the total number of products available.\n * @part load-more-results-button - The \"Load more products\" button.\n *\n * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more products progress bar.\n * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more products progress bar.\n */\nlet AtomicCommerceLoadMoreProducts = class AtomicCommerceLoadMoreProducts extends LitElement {\n constructor() {\n super(...arguments);\n this.isAppLoaded = false;\n }\n initialize() {\n if (this.bindings.interfaceElement.type === 'product-listing') {\n this.listingOrSearch = buildProductListing(this.bindings.engine);\n }\n else {\n this.listingOrSearch = buildSearch(this.bindings.engine);\n }\n this.pagination = this.listingOrSearch.pagination();\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n render() {\n return html `${when(this.shouldRender, () => renderLoadMoreContainer()(html `\n ${renderLoadMoreSummary({\n props: {\n from: this.lastProduct,\n to: this.paginationState.totalEntries,\n i18n: this.bindings.i18n,\n label: 'showing-products-of-load-more',\n },\n })}\n ${renderLoadMoreProgressBar({\n props: {\n from: this.lastProduct,\n to: this.paginationState.totalEntries,\n },\n })}\n ${renderLoadMoreButton({\n props: {\n i18n: this.bindings.i18n,\n label: 'load-more-products',\n moreAvailable: this.lastProduct < this.paginationState.totalEntries,\n onClick: () => this.onClick(),\n },\n })}\n `))}`;\n }\n get lastProduct() {\n return this.productListingOrSearchState.products.length;\n }\n async onClick() {\n this.bindings.store.state.resultList?.focusOnNextNewResult();\n this.pagination.fetchMoreProducts();\n }\n get shouldRender() {\n return this.isAppLoaded && this.paginationState.totalEntries > 0;\n }\n};\n__decorate([\n state()\n], AtomicCommerceLoadMoreProducts.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceLoadMoreProducts.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicCommerceLoadMoreProducts.prototype, \"isAppLoaded\", void 0);\n__decorate([\n bindStateToController('pagination'),\n state()\n], AtomicCommerceLoadMoreProducts.prototype, \"paginationState\", void 0);\n__decorate([\n bindStateToController('listingOrSearch'),\n state()\n], AtomicCommerceLoadMoreProducts.prototype, \"productListingOrSearchState\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceLoadMoreProducts.prototype, \"render\", null);\nAtomicCommerceLoadMoreProducts = __decorate([\n customElement('atomic-commerce-load-more-products'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceLoadMoreProducts);\nexport { AtomicCommerceLoadMoreProducts };\n","import { html } from 'lit';\nexport const renderNoItemsContainer = () => (children) => html `\n
    \n ${children}\n
    \n \n `;\n","import { html, nothing } from 'lit';\nimport { Directive, directive } from 'lit/directive.js';\nclass NoItemsGuardDirective extends Directive {\n render({ firstSearchExecuted, isLoading, hasResults }, content) {\n if (!firstSearchExecuted || isLoading || hasResults) {\n return nothing;\n }\n return html `${content()}`;\n }\n}\nexport const noItemsGuard = directive(NoItemsGuardDirective);\n","import { html } from 'lit';\nconst MagnifyingGlassIcon = \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\";\nexport const renderMagnifyingGlass = () => {\n return html `\n \n `;\n};\n","import { html } from 'lit';\nimport { localizedString } from \"../../../directives/localized-string\";\nexport const renderNoItems = ({ props }) => {\n const content = props.query\n ? localizedString({\n i18n: props.i18n,\n key: `${props.i18nKey}-for`,\n params: {\n query: html `\n ${localizedString({\n i18n: props.i18n,\n key: 'between-quotations',\n params: { text: props.query },\n })}\n `,\n },\n })\n : props.i18n.t(props.i18nKey);\n return html `\n \n ${content}\n \n `;\n};\n","import { html } from 'lit';\nexport const renderSearchTips = ({ props, }) => {\n return html `\n
    \n ${props.i18n.t('search-tips')}\n
    \n `;\n};\n","export const getSummary = (i18n, query, hasResults, i18nKey) => {\n if (hasResults) {\n return '';\n }\n const labelFor = `${i18nKey}-for`;\n return query\n ? i18n.t(labelFor, {\n interpolation: { escapeValue: false },\n query,\n })\n : i18n.t(i18nKey);\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { buildProductListing, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { bindStateToController } from \"../../../decorators/bind-state.js\";\nimport { bindingGuard } from \"../../../decorators/binding-guard.js\";\nimport { bindings } from \"../../../decorators/bindings.js\";\nimport { errorGuard } from \"../../../decorators/error-guard.js\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles.js\";\nimport { AriaLiveRegionController } from \"../../../utils/accessibility-utils.js\";\nimport { renderNoItemsContainer } from '../../common/no-items/container.js';\nimport { noItemsGuard } from '../../common/no-items/guard.js';\nimport { renderMagnifyingGlass } from '../../common/no-items/magnifying-glass.js';\nimport { renderNoItems } from '../../common/no-items/no-items.js';\nimport { renderSearchTips } from '../../common/no-items/tips.js';\nimport { getSummary } from '../../common/no-items/utils.js';\n/**\n * The `atomic-commerce-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well.\n *\n * @part no-results - The text indicating that no products were found for the search.\n * @part search-tips - The search tips to help the user correct the query.\n * @part highlight - The highlighted query.\n * @part icon - The magnifying glass icon.\n *\n * @slot default - Any additional content slotted inside of its element will be displayed as well.\n */\nlet AtomicCommerceNoProducts = class AtomicCommerceNoProducts extends LitElement {\n constructor() {\n super(...arguments);\n this.ariaMessage = new AriaLiveRegionController(this, 'no-products');\n }\n initialize() {\n const controller = this.bindings.interfaceElement.type === 'search'\n ? buildSearch(this.bindings.engine)\n : buildProductListing(this.bindings.engine);\n this.summary = controller.summary();\n }\n render() {\n const { bindings: { i18n }, } = this;\n const query = 'query' in this.summaryState ? this.summaryState.query : '';\n this.ariaMessage.message = getSummary(i18n, query, this.summary.state.hasProducts, 'no-products');\n return html `${noItemsGuard({\n isLoading: this.summaryState.isLoading,\n firstSearchExecuted: this.summaryState.firstRequestExecuted,\n hasResults: this.summaryState.hasProducts,\n }, () => renderNoItemsContainer()(html `\n ${renderMagnifyingGlass()} \n ${this.renderNoItems()}\n ${this.renderSearchTips()}\n `))}`;\n }\n renderNoItems() {\n return renderNoItems({\n props: {\n query: 'query' in this.summaryState ? this.summaryState.query : '',\n i18n: this.bindings.i18n,\n i18nKey: 'no-products',\n },\n });\n }\n renderSearchTips() {\n return renderSearchTips({\n props: {\n i18n: this.bindings.i18n,\n },\n });\n }\n};\n__decorate([\n state()\n], AtomicCommerceNoProducts.prototype, \"bindings\", void 0);\n__decorate([\n bindStateToController('summary'),\n state()\n], AtomicCommerceNoProducts.prototype, \"summaryState\", void 0);\n__decorate([\n state()\n], AtomicCommerceNoProducts.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceNoProducts.prototype, \"render\", null);\nAtomicCommerceNoProducts = __decorate([\n customElement('atomic-commerce-no-products'),\n bindings(),\n withTailwindStyles\n], AtomicCommerceNoProducts);\nexport { AtomicCommerceNoProducts };\n","import { html, nothing } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { multiClassMap } from \"../../directives/multi-class-map\";\nimport { createRipple } from '../../utils/ripple-utils';\nimport { getClassNameForButtonStyle, getRippleColorForButtonStyle, } from './button-style';\nexport const renderRadioButton = ({ props, }) => {\n const classNames = {\n 'btn-radio': true,\n selected: Boolean(props.checked),\n ...(props.class && { [props.class]: true }),\n ...(props.style && { [getClassNameForButtonStyle(props.style)]: true }),\n };\n const onMouseDown = async (e) => {\n if (props.style) {\n const rippleColor = getRippleColorForButtonStyle(props.style);\n await createRipple(e, { color: rippleColor });\n }\n };\n const handleKeyDown = async (event) => {\n if (props.selectWhenFocused !== false) {\n return;\n }\n const { key } = event;\n const radioGroup = event.currentTarget.parentNode;\n if (!radioGroup || !isArrowKey(key)) {\n return;\n }\n event.preventDefault();\n const buttons = getRadioButtons(radioGroup);\n const currentIndex = getCurrentIndex(buttons, event.currentTarget);\n const newIndex = getNewIndex(key, currentIndex, buttons.length, event.shiftKey);\n if (buttons[newIndex]) {\n if (props.onFocusCallback) {\n await props.onFocusCallback(buttons, buttons[currentIndex], buttons[newIndex]);\n }\n else {\n buttons[newIndex].focus();\n }\n }\n };\n const isArrowKey = (key) => {\n return ['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp', 'Tab'].includes(key);\n };\n const getRadioButtons = (radioGroup) => {\n return Array.from(radioGroup.querySelectorAll('[type=\"radio\"]'));\n };\n const getCurrentIndex = (buttons, currentButton) => {\n return buttons.findIndex((button) => button === currentButton);\n };\n const getNewIndex = (key, currentIndex, length, isShiftPressed) => {\n switch (key) {\n case 'ArrowLeft':\n case 'ArrowUp':\n return (currentIndex - 1 + length) % length;\n case 'ArrowRight':\n case 'ArrowDown':\n return (currentIndex + 1) % length;\n case 'Tab':\n if (isShiftPressed) {\n return (currentIndex - 1 + length) % length;\n }\n else {\n return (currentIndex + 1) % length;\n }\n default:\n return currentIndex;\n }\n };\n const onChange = (e) => {\n const input = e.currentTarget;\n if (input.checked && props.onChecked) {\n props.onChecked();\n }\n };\n const radioButtonRef = props.ref ? ref(props.ref) : nothing;\n return html `\n \n `;\n};\n","import \"../atomic-icon/atomic-icon\";\nimport { html } from 'lit';\nimport { renderButton } from '../button';\nimport { renderRadioButton } from '../radio-button';\nexport const renderPagerPreviousButton = ({ props }) => {\n return renderButton({\n props: {\n ...props,\n ariaLabel: props.i18n.t('previous'),\n style: 'outline-primary',\n part: 'previous-button',\n class: 'flex min-h-10 min-w-10 items-center justify-center p-1',\n },\n })(html ``);\n};\nexport const renderPagerNextButton = ({ props }) => {\n return renderButton({\n props: {\n ...props,\n ariaLabel: props.i18n.t('next'),\n style: 'outline-primary',\n part: 'next-button',\n class: 'flex min-h-10 min-w-10 items-center justify-center p-1',\n },\n })(html ``);\n};\nexport const renderPagerPageButton = ({ props }) => {\n return renderRadioButton({\n props: {\n ...props,\n selectWhenFocused: false,\n key: props.page,\n style: 'outline-neutral',\n checked: props.isSelected,\n ariaCurrent: props.isSelected ? 'page' : 'false',\n class: 'btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1',\n part: `page-button${props.isSelected ? ' active-page-button' : ''}`,\n onFocusCallback: props.onFocusCallback,\n ariaRoleDescription: 'link',\n },\n });\n};\nexport const renderPageButtons = ({ props }) => (children) => {\n return html ` \n ${children}\n `;\n};\n","import { html } from 'lit';\nexport const renderPagerNavigation = ({ props }) => (children) => {\n return html ``;\n};\n","const minimumPage = 0;\nexport function getCurrentPagesRange(page, desiredNumberOfPages, maxPage) {\n let range = buildRange(page, desiredNumberOfPages);\n range = shiftRightIfNeeded(range);\n range = shiftLeftIfNeeded(range, maxPage);\n return buildCurrentPages(range);\n}\nfunction buildRange(page, desiredNumberOfPages) {\n const isEven = desiredNumberOfPages % 2 === 0;\n const leftCapacity = Math.floor(desiredNumberOfPages / 2);\n const rightCapacity = isEven ? leftCapacity - 1 : leftCapacity;\n const start = page - leftCapacity;\n const end = page + rightCapacity;\n return { start, end };\n}\nfunction shiftRightIfNeeded(range) {\n const leftExcess = Math.max(minimumPage - range.start, 0);\n const start = range.start + leftExcess;\n const end = range.end + leftExcess;\n return { start, end };\n}\nfunction shiftLeftIfNeeded(range, maxPage) {\n const rightExcess = Math.max(range.end - maxPage, 0);\n const start = Math.max(range.start - rightExcess, minimumPage);\n const end = range.end - rightExcess;\n return { start, end };\n}\nfunction buildCurrentPages(range) {\n const currentPages = [];\n for (let counter = range.start; counter <= range.end; ++counter) {\n currentPages.push(counter);\n }\n return currentPages;\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { NumberValue, Schema } from '@eternal-baguette/bueno';\nimport { buildProductListing, buildSearch, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { when } from 'lit/directives/when.js';\nimport { createAppLoadedListener } from \"../../common/interface/store\";\nimport { renderPageButtons, renderPagerNextButton, renderPagerPageButton, renderPagerPreviousButton, } from \"../../common/pager/pager-buttons\";\nimport { renderPagerNavigation } from \"../../common/pager/pager-navigation\";\nimport { getCurrentPagesRange } from \"../../common/pager/pager-utils\";\nimport { ValidatePropsController } from \"../../common/validate-props-controller/validate-props-controller\";\nimport { bindStateToController } from \"../../../decorators/bind-state\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { withTailwindStyles } from \"../../../decorators/with-tailwind-styles\";\nimport { AriaLiveRegionController, FocusTargetController, } from \"../../../utils/accessibility-utils\";\nimport { randomID } from \"../../../utils/utils\";\nconst ArrowLeftIcon = \"\";\nconst ArrowRightIcon = \"\";\n/**\n * The `atomic-commerce-pager` component enables users to navigate through paginated products.\n *\n * @part buttons - The list of all buttons rendered by the component.\n * @part page-buttons - The list of all page buttons.\n * @part page-button - The individual page buttons.\n * @part active-page-button - The active page button.\n * @part previous-button - The \"previous page\" button.\n * @part next-button - The \"next page\" button.\n * @part previous-button-icon - The \"previous page\" button icon.\n * @part next-button-icon - The \"next page\" button icon.\n *\n * @event atomic/scrollToTop - Emitted when the user clicks the next or previous button, or a page button.\n */\nlet AtomicCommercePager = class AtomicCommercePager extends LitElement {\n constructor() {\n super();\n this.isAppLoaded = false;\n /**\n * The maximum number of page buttons to display.\n */\n this.numberOfPages = 5;\n /**\n * The SVG icon to use to display the Previous button.\n *\n * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n * - Use a stringified SVG to display it directly.\n */\n this.previousButtonIcon = ArrowLeftIcon;\n /**\n * The SVG icon to use to display the Next button.\n *\n * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n * - Use a stringified SVG to display it directly.\n */\n this.nextButtonIcon = ArrowRightIcon;\n this.ariaMessage = new AriaLiveRegionController(this, 'atomic-pager');\n this.radioGroupName = randomID('atomic-commerce-pager-');\n this.handleFocus = async (elements, currentFocus, newFocus) => {\n const currentIndex = elements.indexOf(currentFocus);\n const newIndex = elements.indexOf(newFocus);\n if (currentIndex === elements.length - 1 && newIndex === 0) {\n await this.nextButton.focus();\n }\n else if (currentIndex === 0 && newIndex === elements.length - 1) {\n await this.previousButton.focus();\n }\n else {\n newFocus.focus();\n }\n };\n new ValidatePropsController(this, () => ({\n numberOfPages: this.numberOfPages,\n }), new Schema({\n numberOfPages: new NumberValue({ min: 0 }),\n }));\n }\n initialize() {\n this.initFocusTargets();\n if (this.bindings.interfaceElement.type === 'product-listing') {\n this.listingOrSearch = buildProductListing(this.bindings.engine);\n }\n else {\n this.listingOrSearch = buildSearch(this.bindings.engine);\n }\n this.pager = this.listingOrSearch.pagination();\n createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n this.isAppLoaded = isAppLoaded;\n });\n }\n render() {\n const pagesRange = getCurrentPagesRange(this.pagerState.page, this.numberOfPages, this.pagerState.totalPages - 1);\n return html `\n ${when(this.pagerState.totalPages > 1 && this.isAppLoaded, () => html `\n ${renderPagerNavigation({\n props: {\n i18n: this.bindings.i18n,\n },\n })(html `\n ${renderPagerPreviousButton({\n props: {\n icon: this.previousButtonIcon,\n disabled: this.pagerState.page === 0,\n i18n: this.bindings.i18n,\n onClick: async () => {\n this.pager.previousPage();\n await this.focusOnFirstResultAndScrollToTop();\n },\n ref: (el) => this.previousButton.setTarget(el),\n },\n })}\n ${renderPageButtons({\n props: {\n i18n: this.bindings.i18n,\n },\n })(html `\n ${pagesRange.map((pageNumber, index) => keyed(`page-${pageNumber}-${index}`, renderPagerPageButton({\n props: {\n isSelected: pageNumber === this.pagerState.page,\n ariaLabel: this.bindings.i18n.t('page-number', {\n pageNumber: pageNumber + 1,\n }),\n onChecked: async () => {\n this.pager.selectPage(pageNumber);\n await this.focusOnFirstResultAndScrollToTop();\n },\n page: pageNumber,\n groupName: this.radioGroupName,\n text: (pageNumber + 1).toLocaleString(this.bindings.i18n.language),\n onFocusCallback: this.handleFocus,\n },\n })))}\n `)}\n ${renderPagerNextButton({\n props: {\n icon: this.nextButtonIcon,\n disabled: this.pagerState.page + 1 >= this.pagerState.totalPages,\n i18n: this.bindings.i18n,\n onClick: async () => {\n this.pager.nextPage();\n await this.focusOnFirstResultAndScrollToTop();\n },\n ref: (el) => this.nextButton.setTarget(el),\n },\n })}\n `)}\n `)}\n `;\n }\n initFocusTargets() {\n if (!this.previousButton) {\n this.previousButton = new FocusTargetController(this, this.bindings);\n }\n if (!this.nextButton) {\n this.nextButton = new FocusTargetController(this, this.bindings);\n }\n }\n async focusOnFirstResultAndScrollToTop() {\n await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n this.dispatchEvent(new CustomEvent('atomic/scrollToTop'));\n this.announcePageLoaded();\n }\n announcePageLoaded() {\n this.ariaMessage.message = this.bindings.i18n.t('pager-page-loaded', {\n pageNumber: this.pagerState.page,\n });\n }\n};\n__decorate([\n state()\n], AtomicCommercePager.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommercePager.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicCommercePager.prototype, \"isAppLoaded\", void 0);\n__decorate([\n bindStateToController('pager'),\n state()\n], AtomicCommercePager.prototype, \"pagerState\", void 0);\n__decorate([\n property({ reflect: true, attribute: 'number-of-pages', type: Number })\n], AtomicCommercePager.prototype, \"numberOfPages\", void 0);\n__decorate([\n property({ reflect: true, attribute: 'previous-button-icon', type: String })\n], AtomicCommercePager.prototype, \"previousButtonIcon\", void 0);\n__decorate([\n property({ reflect: true, attribute: 'next-button-icon', type: String })\n], AtomicCommercePager.prototype, \"nextButtonIcon\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommercePager.prototype, \"render\", null);\nAtomicCommercePager = __decorate([\n customElement('atomic-commerce-pager'),\n bindings(),\n withTailwindStyles\n], AtomicCommercePager);\nexport { AtomicCommercePager };\n","export class TemplateProvider {\n constructor(props, buildManager) {\n this.props = props;\n this.buildManager = buildManager;\n this.templateManager = this.buildManager();\n this.registerResultTemplates();\n }\n async registerResultTemplates() {\n const customTemplates = await Promise.all(this.props.templateElements.map(async (resultTemplateElement) => {\n if (!('getTemplate' in resultTemplateElement)) {\n await customElements.whenDefined(resultTemplateElement.tagName.toLowerCase());\n }\n const template = await resultTemplateElement.getTemplate();\n if (!template) {\n this.props.setTemplateHasError(true);\n }\n return template;\n }));\n const templates = (!customTemplates.length && this.props.includeDefaultTemplate\n ? [this.makeDefaultTemplate()]\n : []).concat(customTemplates.filter((template) => template));\n this.templateManager.registerTemplates(...templates);\n this.props.setResultTemplateRegistered(true);\n }\n getTemplateContent(item) {\n return this.templateManager.selectTemplate(item);\n }\n getLinkTemplateContent(item) {\n return this.templateManager.selectLinkTemplate(item);\n }\n getEmptyLinkTemplateContent() {\n return document.createDocumentFragment();\n }\n get templatesRegistered() {\n return this.props.getResultTemplateRegistered();\n }\n get hasError() {\n return this.props.getTemplateHasError();\n }\n}\n","import { isElementNode } from \"../../../utils/utils\";\nconst resultSectionTags = new Set([\n 'atomic-result-section-visual',\n 'atomic-result-section-badges',\n 'atomic-result-section-actions',\n 'atomic-result-section-title',\n 'atomic-result-section-title-metadata',\n 'atomic-result-section-emphasized',\n 'atomic-result-section-excerpt',\n 'atomic-result-section-bottom-metadata',\n 'atomic-result-section-children',\n]);\nconst productSectionTags = new Set([\n 'atomic-product-section-visual',\n 'atomic-product-section-badges',\n 'atomic-product-section-actions',\n 'atomic-product-section-name',\n 'atomic-product-section-metadata',\n 'atomic-product-section-emphasized',\n 'atomic-product-section-description',\n 'atomic-product-section-bottom-metadata',\n 'atomic-product-section-children',\n]);\nconst allTags = new Set([...resultSectionTags, ...productSectionTags]);\nexport function isResultSectionNode(element) {\n if (!isElementNode(element)) {\n return false;\n }\n return allTags.has(element.tagName.toLowerCase());\n}\nexport function containsSections(content) {\n if (typeof content === 'string') {\n return Array.from(allTags.values()).some((tag) => content.includes(tag));\n }\n return Array.from(content).some((child) => isResultSectionNode(child));\n}\n","export const tableElementTagName = 'atomic-table-element';\n","import { isResultSectionNode } from \"../layout/item-layout-sections\";\nimport { tableElementTagName } from \"../table-element-utils\";\nimport { aggregate, isElementNode, isVisualNode } from \"../../../utils/utils\";\nexport class BaseTemplateController {\n constructor(host, validParents, allowEmpty = false) {\n this.host = host;\n this.validParents = validParents;\n this.allowEmpty = allowEmpty;\n this.matchConditions = [];\n this.host.addController(this);\n }\n hostConnected() {\n this.validateTemplate();\n }\n getLinkTemplateElement(host) {\n return (host.querySelector('template[slot=\"link\"]') ??\n this.getDefaultLinkTemplateElement());\n }\n getBaseTemplate(conditions) {\n if (this.host.error) {\n return null;\n }\n return {\n conditions: conditions.concat(this.matchConditions),\n content: this.getTemplateElement().content,\n linkContent: this.getLinkTemplateElement(this.host).content,\n priority: 1,\n };\n }\n get currentGridCellLinkTarget() {\n return this.gridCellLinkTarget;\n }\n setError(error) {\n this.host.error = error;\n }\n get parentElement() {\n return this.host.parentElement;\n }\n get template() {\n return this.host.querySelector('template');\n }\n parentAttr(attribute) {\n return this.parentElement?.attributes.getNamedItem(attribute)?.value;\n }\n validateTemplate() {\n const hasValidParent = this.validParents\n .map((p) => p.toUpperCase())\n .includes(this.parentElement?.nodeName || '');\n const tagName = this.host.nodeName.toLowerCase();\n if (!hasValidParent) {\n this.setError(new Error(BaseTemplateController.ERRORS.invalidParent(tagName, this.validParents)));\n return;\n }\n if (this.parentAttr('display') === 'grid') {\n this.gridCellLinkTarget = this.parentAttr('grid-cell-link-target');\n }\n if (!this.template) {\n this.setError(new Error(BaseTemplateController.ERRORS.missingTemplate(tagName)));\n return;\n }\n if (!this.allowEmpty && !this.template.innerHTML.trim()) {\n this.setError(new Error(BaseTemplateController.ERRORS.emptyTemplate(tagName)));\n return;\n }\n const warnings = this.getWarnings();\n if (this.template.content.querySelector('script')) {\n console.warn(warnings.scriptTag, this.host);\n }\n const { section, other } = this.groupNodesByType(this.template.content.childNodes);\n if (section?.length && other?.length) {\n console.warn(warnings.sectionMix, this.host, {\n section,\n other,\n });\n }\n }\n getWarnings() {\n return {\n scriptTag: 'Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the items are rendered.',\n sectionMix: 'Item templates should only contain section elements or non-section elements, not both. Future updates could unpredictably affect this item template.',\n };\n }\n getTemplateElement() {\n return this.host.querySelector('template:not([slot])');\n }\n groupNodesByType(nodes) {\n return aggregate(Array.from(nodes), (node) => this.getTemplateNodeType(node));\n }\n getTemplateNodeType(node) {\n if (isResultSectionNode(node)) {\n return 'section';\n }\n if (!isVisualNode(node)) {\n return 'metadata';\n }\n if (isElementNode(node) &&\n node.tagName.toLowerCase() === tableElementTagName) {\n return 'table-column-definition';\n }\n return 'other';\n }\n}\nBaseTemplateController.ERRORS = {\n invalidParent: (tagName, validParents) => `The \"${tagName}\" component has to be the child of one of the following: ${validParents\n .map((p) => `\"${p.toLowerCase()}\"`)\n .join(', ')}.`,\n missingTemplate: (tagName) => `The \"${tagName}\" component must contain a \"template\" element as a child.`,\n emptyTemplate: (tagName) => `The \"template\" tag inside \"${tagName}\" cannot be empty.`,\n};\n","import { BaseTemplateController, } from \"../template-controller/base-template-controller\";\nexport class ProductTemplateController extends BaseTemplateController {\n constructor(host, validParents, allowEmpty = false) {\n super(host, validParents, allowEmpty);\n }\n getTemplate(conditions) {\n const baseTemplate = this.getBaseTemplate(conditions);\n if (!baseTemplate) {\n return null;\n }\n return {\n conditions: baseTemplate.conditions,\n content: baseTemplate.content,\n linkContent: baseTemplate.linkContent,\n priority: baseTemplate.priority,\n };\n }\n getDefaultLinkTemplateElement() {\n const linkTemplate = document.createElement('template');\n linkTemplate.innerHTML = `${this.currentGridCellLinkTarget ? `` : ''}`;\n return linkTemplate;\n }\n}\n","// TODO: Replace by Set.prototype.intersection in July 2025\nexport function intersection(setA, setB) {\n const result = new Set();\n for (const elem of setA) {\n if (setB.has(elem)) {\n result.add(elem);\n }\n }\n return result;\n}\n","import { intersection } from \"../../../utils/set\";\nexport function makeMatchConditions(mustMatch, mustNotMatch, helpers) {\n const conditions = [];\n for (const field in mustMatch) {\n if (mustNotMatch[field]) {\n const mustNotMatchValues = new Set(mustNotMatch[field]);\n const mustMatchValues = new Set(mustMatch[field]);\n const commonValues = intersection(mustNotMatchValues, mustMatchValues);\n if (commonValues.size > 0) {\n console.error(`Conflicting match conditions for field ${field}, the template will be ignored.`, commonValues);\n return [(() => false)];\n }\n }\n conditions.push(helpers.fieldMustMatch(field, mustMatch[field]));\n }\n for (const field in mustNotMatch) {\n conditions.push(helpers.fieldMustNotMatch(field, mustNotMatch[field]));\n }\n return conditions;\n}\nexport function makeDefinedConditions(ifDefined, ifNotDefined, helpers) {\n const conditions = [];\n if (ifDefined) {\n const fieldNames = ifDefined.split(',');\n conditions.push(helpers.fieldsMustBeDefined(fieldNames));\n }\n if (ifNotDefined) {\n const fieldNames = ifNotDefined.split(',');\n conditions.push(helpers.fieldsMustNotBeDefined(fieldNames));\n }\n return conditions;\n}\n","import { isArray } from '@eternal-baguette/bueno';\nimport { getElement } from '@stencil/core';\nimport { camelToKebab, kebabToCamel } from './utils';\nexport function mapProperty(options) {\n return (proto, propertyKey) => {\n const ctor = proto.constructor;\n ctor.createProperty(propertyKey, { type: Object });\n ctor.addInitializer((instance) => {\n const props = {};\n const prefix = options?.attributePrefix || camelToKebab(propertyKey.toString());\n mapAttributesToProp(prefix, props, Array.from(instance.attributes), options?.splitValues ?? false);\n instance[propertyKey] = props;\n });\n };\n}\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nexport function MapProp(opts) {\n return (component, variableName) => {\n const { componentWillLoad } = component;\n if (!componentWillLoad) {\n console.error('The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.');\n return;\n }\n component.componentWillLoad = function () {\n const prefix = opts?.attributePrefix || variableName;\n const variable = this[variableName];\n const attributes = getElement(this).attributes;\n mapAttributesToProp(prefix, variable, Array.from(attributes), opts?.splitValues ?? false);\n componentWillLoad.call(this);\n };\n };\n}\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nexport function ArrayProp() {\n return (component, variableName) => {\n const { componentWillLoad } = component;\n const attributeWithBrackets = camelToKebab(variableName);\n component.componentWillLoad = function () {\n const value = this[variableName];\n if (!value || isArray(value)) {\n componentWillLoad?.call(this);\n return;\n }\n try {\n const valueAsArray = JSON.parse(value);\n if (isArray(valueAsArray)) {\n this[variableName] = valueAsArray;\n }\n else {\n console.error(`Property ${attributeWithBrackets} should be an array`, getElement(this));\n }\n }\n catch (e) {\n console.error(`Error while parsing attribute ${attributeWithBrackets} as array`, e);\n }\n componentWillLoad?.call(this);\n };\n };\n}\nfunction splitAttributeValueOnCommas(attributeValue) {\n const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n const [...valuesWithEscapeSymbols] = attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n const removeEscapeSymbolsExpression = /\\\\(.)/g;\n return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) => valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1'));\n}\nexport function mapAttributesToProp(prefix, mapVariable, attributes, splitValues) {\n const map = attributesToStringMap(prefix, attributes);\n Object.assign(mapVariable, splitValues ? stringMapToStringArrayMap(map) : map);\n}\nfunction stringMapToStringArrayMap(map) {\n return Object.entries(map).reduce((acc, [key, value]) => ({\n // biome-ignore lint/performance/noAccumulatingSpread: <>\n ...acc,\n [key]: splitAttributeValueOnCommas(value).map((subValue) => subValue.trim()),\n }), {});\n}\nfunction attributesToStringMap(prefix, attributes) {\n const mapVariable = {};\n const kebabPrefix = `${camelToKebab(prefix)}-`;\n for (let i = 0; i < attributes.length; i++) {\n const attribute = attributes[i];\n if (attribute.name.indexOf(kebabPrefix) !== 0) {\n continue;\n }\n const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n mapVariable[property] = `${attribute.value}`;\n }\n return mapVariable;\n}\n","import { getFirstFocusableDescendant, } from \"../../../utils/accessibility-utils\";\nimport { defer, once } from \"../../../utils/utils\";\nimport { updateBreakpoints } from '../../../utils/replace-breakpoint-utils';\nexport const resultComponentClass = 'result-component';\nexport class ItemListCommon {\n constructor(props) {\n this.props = props;\n this.props.store.setLoadingFlag(this.props.loadingFlag);\n this.props.store.state.resultList = this;\n this.updateBreakpointsOnce = once(() => updateBreakpoints(this.props.host));\n this.props.nextNewItemTarget.registerFocusCallback(() => {\n this.indexOfResultToFocus = undefined;\n });\n }\n updateBreakpoints() {\n this.updateBreakpointsOnce();\n }\n getResultId(uniqueIdOnResult, searchResponseId, density, imageSize) {\n return `${uniqueIdOnResult}${searchResponseId}${density}${imageSize}`;\n }\n setNewResultRef(element, resultIndex) {\n if (resultIndex === 0) {\n this.firstResultEl = element;\n }\n if (resultIndex !== this.indexOfResultToFocus) {\n return;\n }\n if (!element.children.length && !element.shadowRoot?.children.length) {\n return;\n }\n this.indexOfResultToFocus = undefined;\n const elementToFocus = getFirstFocusableDescendant(element) ?? element;\n this.props.nextNewItemTarget.setTarget(elementToFocus);\n }\n focusOnNextNewResult() {\n this.indexOfResultToFocus = this.props.getCurrentNumberOfItems();\n this.props.nextNewItemTarget.focusOnNextTarget();\n }\n // TODO - KIT-4227 refactor this method using requestAnimationFrame instead of defer, e.g.,\n // public async focusOnFirstResultAfterNextSearch2() {\n // window.requestAnimationFrame(() => {\n // return new Promise((resolve) => {\n // if (this.props.getIsLoading()) {\n // this.firstResultEl = undefined;\n // }\n // const unsub = this.props.engineSubscribe(async () => {\n // window.requestAnimationFrame(() => {\n // if (!this.props.getIsLoading() && this.firstResultEl) {\n // const elementToFocus =\n // getFirstFocusableDescendant(this.firstResultEl) ??\n // this.firstResultEl;\n // this.props.nextNewItemTarget.setTarget(elementToFocus);\n // this.props.nextNewItemTarget.focus();\n // this.firstResultEl = undefined;\n // unsub();\n // resolve();\n // }\n // });\n // });\n // });\n // });\n // }\n async focusOnFirstResultAfterNextSearch() {\n await defer();\n return new Promise((resolve) => {\n if (this.props.getIsLoading()) {\n this.firstResultEl = undefined;\n }\n const unsub = this.props.engineSubscribe(async () => {\n await defer();\n if (!this.props.getIsLoading() && this.firstResultEl) {\n const elementToFocus = getFirstFocusableDescendant(this.firstResultEl) ??\n this.firstResultEl;\n this.props.nextNewItemTarget.setTarget(elementToFocus);\n this.props.nextNewItemTarget.focus();\n this.firstResultEl = undefined;\n unsub();\n resolve();\n }\n });\n });\n }\n}\n","/**\n * A reactive controller that manages custom rendering function execution for item components.\n */\nexport class CustomRenderController {\n constructor(host, options) {\n this.hasExecutedRenderFunction = false;\n this.options = {\n linkContainerRef: () => undefined,\n onRenderComplete: () => { },\n ...options,\n };\n host.addController(this);\n }\n hostConnected() {\n this.resetRenderState();\n }\n hostUpdated() {\n this.executeRenderFunction();\n }\n resetRenderState() {\n this.hasExecutedRenderFunction = false;\n }\n executeRenderFunction() {\n const renderingFunction = this.options.renderingFunction();\n const itemData = this.options.itemData();\n const rootElementRef = this.options.rootElementRef();\n if (!renderingFunction ||\n !itemData ||\n !rootElementRef ||\n this.hasExecutedRenderFunction) {\n return;\n }\n const customRenderOutput = renderingFunction(itemData, rootElementRef, this.options.linkContainerRef());\n this.options.onRenderComplete(rootElementRef, customRenderOutput);\n this.hasExecutedRenderFunction = true;\n }\n}\n","import { containsSections, } from './item-layout-sections';\nfunction getDisplayClass(display) {\n switch (display) {\n case 'grid':\n return 'display-grid';\n case 'table':\n return 'display-table';\n default:\n return 'display-list';\n }\n}\nfunction getDensityClass(density) {\n switch (density) {\n case 'comfortable':\n return 'density-comfortable';\n case 'compact':\n return 'density-compact';\n default:\n return 'density-normal';\n }\n}\nfunction getImageClass(image) {\n switch (image) {\n case 'large':\n return 'image-large';\n case 'small':\n return 'image-small';\n case 'none':\n return 'image-none';\n default:\n return 'image-icon';\n }\n}\nexport function getItemListDisplayClasses(display, density, image, isLoading, isAppLoading) {\n const classes = getItemDisplayClasses(display, density, image);\n if (isLoading) {\n classes.push('loading');\n }\n if (isAppLoading) {\n classes.push('placeholder');\n }\n return classes.join(' ');\n}\nexport function getItemDisplayClasses(display, density, image) {\n const classes = [\n getDisplayClass(display),\n getDensityClass(density),\n getImageClass(image),\n ];\n return classes;\n}\nfunction getSection(children, section) {\n return Array.from(children).find((element) => element.tagName.toLowerCase() === section);\n}\nfunction getImageSizeFromSections(children) {\n const imageSize = getSection(children, 'atomic-result-section-visual')?.getAttribute('image-size');\n if (!imageSize) {\n return undefined;\n }\n return imageSize;\n}\nexport function getItemLayoutClasses(config, HTMLContent) {\n const classes = getItemDisplayClasses(config.display, config.density, getImageSizeFromSections(config.children) ?? config.imageSize);\n if (HTMLContent\n ? containsSections(HTMLContent)\n : containsSections(config.children)) {\n classes.push('with-sections');\n }\n return classes;\n}\n","import { getItemLayoutClasses } from './item-layout-utils';\n/**\n * A reactive controller that manages layout creation and class application for item components.\n */\nexport class ItemLayoutController {\n constructor(host, options) {\n this.layout = null;\n this.host = host;\n this.options = {\n ...options,\n };\n host.addController(this);\n }\n hostConnected() {\n this.createLayout();\n }\n hostUpdated() {\n this.applyLayoutClasses();\n }\n /**\n * Gets the current layout config\n */\n getLayout() {\n return this.layout;\n }\n /**\n * Gets combined layout and extra classes\n */\n getCombinedClasses(additionalContent) {\n const config = this.getLayout();\n const layoutClasses = config\n ? getItemLayoutClasses(config, additionalContent)\n : [];\n const itemClasses = this.options\n .itemClasses()\n .split(/\\s+/)\n .filter((c) => c);\n return [...layoutClasses, ...itemClasses];\n }\n /**\n * Applies layout classes to a specific element (useful for custom rendering)\n */\n applyLayoutClassesToElement(element, additionalContent) {\n const config = this.getLayout();\n if (!config) {\n return;\n }\n const classes = this.getCombinedClasses(additionalContent);\n if (classes.length > 0) {\n element.classList.add(...classes);\n }\n }\n applyLayoutClasses() {\n const config = this.getLayout();\n if (!config) {\n return;\n }\n const classes = this.getCombinedClasses();\n const root = this.host.shadowRoot?.querySelector('.result-root');\n if (!root || classes.length === 0) {\n return;\n }\n if (this.hasCustomRenderFunction()) {\n this.observeAndApplyClasses(root, classes);\n }\n else {\n this.addClassesToElements(root, classes);\n }\n }\n createLayout() {\n const content = this.options.content();\n if (!content) {\n console.warn(`${this.options.elementPrefix}: content property is undefined. Cannot create layout.`, this.host);\n this.layout = null;\n return;\n }\n const config = this.options.layoutConfig();\n this.layout = {\n children: content.children,\n display: config.display,\n density: config.density,\n imageSize: config.imageSize,\n };\n }\n hasCustomRenderFunction() {\n return this.options.renderingFunction() !== undefined;\n }\n addClassesToElements(root, classes) {\n if (classes.length === 0) {\n return;\n }\n const elements = root.querySelectorAll('*');\n elements.forEach((element) => {\n const tagName = element.tagName.toLowerCase();\n if (tagName.startsWith(`${this.options.elementPrefix}-`)) {\n element.classList.add(...classes);\n }\n });\n }\n observeAndApplyClasses(root, classes) {\n const observer = new MutationObserver((mutations) => {\n const hasNewElements = mutations.some((mutation) => mutation.type === 'childList' && mutation.addedNodes.length > 0);\n if (hasNewElements) {\n this.addClassesToElements(root, classes);\n observer.disconnect();\n }\n });\n observer.observe(root, { childList: true, subtree: true });\n }\n}\n","import { css } from 'lit';\nconst 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)}.result-root{&.with-sections{display:grid;justify-items:stretch;&.display-list{@media (width >= 1024px){&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-icon,&.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}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content))}&.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)}}}&.display-table{&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-icon,&.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}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content))}&.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)}}&.display-list{@media not all and (width >= 1024px){&.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)}&.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-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto)}&.image-icon,&.image-small{grid-template-columns:auto minmax(0,1fr)}&.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-rows:repeat(7,auto) 1fr}&.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)}}}&.display-grid{grid-template-areas:\"badges\" \"visual\" \"title\" \"title-metadata\" \"emphasized\" \"excerpt\" \"children\" \"bottom-metadata\" \"actions\";grid-template-columns:100%;grid-template-rows:repeat(9,auto);a,button{position:relative}@media not all and (width >= 1024px){&.image-large{&.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)}&.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-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto)}&.image-icon,&.image-small{grid-template-columns:auto minmax(0,1fr)}&.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-rows:repeat(7,auto) 1fr}&.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-table-element{display:none}}.link-container{display:none}}position:relative;.result-root.display-grid{grid-template-areas:\"badges\" \"visual\" \"title\" \"title-metadata\" \"emphasized\" \"excerpt\" \"bottom-metadata\" \"actions\" \"children\"}.with-sections{&.display-grid{&.image-icon,&.image-large,&.image-none,&.image-small{atomic-product-section-name{display:-webkit-box;min-height:calc(var(--line-height)*2);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media (width >= 1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-small atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{height:2rem;width:2rem}}@media not all and (width >= 1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-small atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}max-width:4.75rem;width:16.65%}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{height:2rem;width:2rem}}&.density-comfortable{&.image-icon,&.image-large,&.image-none,&.image-small{& atomic-product-section-description{margin-top:1.25rem}}}&.density-normal{&.image-icon,&.image-large,&.image-none,&.image-small{& atomic-product-section-description{margin-top:.75rem}}}&.density-compact{&.image-icon,&.image-large,&.image-none,&.image-small{& atomic-product-section-description{margin-top:.25rem}}@media (width >= 1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-small atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{height:2rem;width:2rem}}@media not all and (width >= 1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}width:16.65%}&.image-small atomic-product-section-children .product-child{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}max-width:4.75rem;width:16.65%}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{height:2rem;width:2rem}}}}}}@property --tw-font-weight{syntax:\"*\";inherits:false}@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}}}`;\nexport default styles;\n","import { buildCustomEvent } from \"../../../../utils/event-utils\";\nconst itemContextEventName = 'atomic/resolveResult';\nexport class MissingParentError extends Error {\n constructor(elementName, parentName) {\n super(`The \"${elementName}\" element must be the child of an \"${parentName}\" element.`);\n }\n}\nfunction extractFolded(item, returnFolded) {\n if (returnFolded) {\n if ('children' in item) {\n return item;\n }\n else {\n return { children: [], result: item };\n }\n }\n if ('children' in item && 'result' in item) {\n return item.result;\n }\n return item;\n}\n/**\n * A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n */\nexport class ItemContextController {\n constructor(host, options = {}) {\n this._item = null;\n this._error = null;\n this.host = host;\n this.parentName = options.parentName ?? 'atomic-result';\n this.folded = options.folded ?? false;\n host.addController(this);\n }\n get item() {\n return this._error ? null : this._item;\n }\n get error() {\n return this._error;\n }\n get hasError() {\n return this._error !== null;\n }\n hostConnected() {\n this._resolveItemContext();\n }\n _resolveItemContext() {\n const event = buildCustomEvent(itemContextEventName, (item) => {\n this._item = extractFolded(item, this.folded);\n this._error = null;\n this.host.error = null;\n this.host.requestUpdate();\n });\n const canceled = this.host.dispatchEvent(event);\n if (canceled) {\n const elementName = this.host.nodeName.toLowerCase();\n this._error = new MissingParentError(elementName, this.parentName);\n this._item = null;\n this.host.error = this._error;\n this.host.requestUpdate();\n }\n }\n}\n","import { ItemContextController, } from \"../../../common/item-list/context/item-context-controller\";\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.\n *\n * @param host - The Lit component instance\n * @param options - Configuration options\n * @returns ItemContextController instance configured for atomic-product\n *\n * @example\n * ```typescript\n * @customElement('my-product-component')\n * export class MyProductComponent extends LitElement {\n * private productController = createProductContextController(this);\n *\n * @state() product!: Product;\n *\n * render() {\n * this.product = this.productController.item;\n * return html`
    ${this.product?.ec_name}
    `;\n * }\n * }\n * ```\n */\nexport function createProductContextController(host, options = {}) {\n return new ItemContextController(host, {\n parentName: 'atomic-product',\n folded: options.folded ?? false,\n });\n}\n","import { isArray } from '@eternal-baguette/bueno';\nexport function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {\n if (isArray(itemValueRaw)) {\n logger.error(`${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`, host);\n }\n}\n","import { isUndefined } from '@eternal-baguette/bueno';\nimport { html, nothing } from 'lit';\nimport { possiblyWarnOnBadFieldType } from './field-warning.js';\nexport const renderItemTextFallback = ({ props }) => (children) => {\n const { getProperty, item, field, host, logger, defaultValue } = props;\n const raw = getProperty(item, field);\n possiblyWarnOnBadFieldType(field, raw, host, logger);\n if (isUndefined(defaultValue)) {\n host.remove();\n return nothing;\n }\n else {\n return html `${children}`;\n }\n};\n","export function renderWithHighlights(value, highlights, highlightString) {\n const openingDelimiter = '_openingDelimiter_';\n const closingDelimiter = '_closingDelimiter_';\n const highlightedValue = highlightString({\n content: value,\n openingDelimiter,\n closingDelimiter,\n highlights,\n });\n return highlightedValue\n .replace(new RegExp(openingDelimiter, 'g'), '')\n .replace(new RegExp(closingDelimiter, 'g'), '');\n}\n","import { html, nothing } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { renderWithHighlights, } from './render-highlights.js';\n/**\n * The renderItemTextHighlighted functional component renders text with highlighted keywords.\n */\nexport const renderItemTextHighlighted = ({ props }) => {\n const { textValue, highlightKeywords, highlightString, onError = (error) => console.error(error), } = props;\n try {\n const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);\n return html `${unsafeHTML(highlightedValue)}`;\n }\n catch (error) {\n onError(error);\n return nothing;\n }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\n/**\n * The `atomic-commerce-text` component leverages the I18n translation module through the atomic-commerce-interface.\n */\nlet AtomicCommerceText = class AtomicCommerceText extends LitElement {\n get strings() {\n return {\n value: () => this.bindings.i18n.t(this.value, {\n count: this.count,\n }),\n };\n }\n initialize() {\n if (!this.value) {\n this.error = new Error('The \"value\" attribute must be defined.');\n }\n }\n render() {\n return html `${this.strings.value()}`;\n }\n};\n__decorate([\n state()\n], AtomicCommerceText.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicCommerceText.prototype, \"error\", void 0);\n__decorate([\n property({ type: String, reflect: true })\n], AtomicCommerceText.prototype, \"value\", void 0);\n__decorate([\n property({ type: Number, reflect: true })\n], AtomicCommerceText.prototype, \"count\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicCommerceText.prototype, \"render\", null);\nAtomicCommerceText = __decorate([\n customElement('atomic-commerce-text'),\n bindings()\n], AtomicCommerceText);\nexport { AtomicCommerceText };\n","export function readFromObject(object, key) {\n const keys = key.split('.');\n let current = object;\n for (const k of keys) {\n if (current && typeof current === 'object' && k in current) {\n current = current[k];\n }\n else {\n return undefined;\n }\n }\n return typeof current === 'string' ? current : undefined;\n}\n","export class FieldValueIsNaNError extends Error {\n constructor(field, value) {\n super(`Could not parse \"${value}\" from field \"${field}\" as a number.`);\n this.name = 'FieldValueIsNaNError';\n }\n}\n","import { ProductTemplatesHelpers, } from '@eternal-baguette/headless/commerce';\nimport { readFromObject } from \"../../../utils/object-utils\";\nimport { FieldValueIsNaNError } from './error';\nexport function parseValue(product, field) {\n const value = ProductTemplatesHelpers.getProductProperty(product, field);\n if (value === null) {\n return null;\n }\n const valueAsNumber = parseFloat(`${value}`);\n if (Number.isNaN(valueAsNumber)) {\n throw new FieldValueIsNaNError(field, value);\n }\n return valueAsNumber;\n}\nexport function getStringValueFromProductOrNull(product, field) {\n const value = ProductTemplatesHelpers.getProductProperty(product, field);\n if (typeof value !== 'string' || value.trim() === '') {\n return null;\n }\n return value;\n}\nexport function buildStringTemplateFromProduct(template, product, bindings) {\n return template.replace(/\\${(.*?)}/g, (value) => {\n const key = value.substring(2, value.length - 1);\n let newValue = readFromObject(product, key);\n if (!newValue && typeof window !== 'undefined') {\n newValue = readFromObject(window, key);\n }\n if (!newValue) {\n bindings.engine.logger.warn(`${key} used in the href template is undefined for this product: ${product.permanentid} and could not be found in the window object.`);\n return '';\n }\n return newValue;\n });\n}\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { HighlightUtils, ProductTemplatesHelpers, } from '@eternal-baguette/headless/commerce';\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { createProductContextController } from \"../product-template-component-utils/context/product-context-controller\";\nimport { renderItemTextFallback } from \"../../common/item-text/item-text-fallback\";\nimport { renderItemTextHighlighted } from \"../../common/item-text/item-text-highlighted\";\nimport { booleanConverter } from \"../../../converters/boolean-converter\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { getFieldValueCaption } from \"../../../utils/field-utils\";\nimport '../atomic-commerce-text/atomic-commerce-text';\nimport { getStringValueFromProductOrNull } from \"../product-template-component-utils/product-utils\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\n/**\n * The `atomic-product-text` component renders the value of a string field for a given product.\n */\nlet AtomicProductText = class AtomicProductText extends LightDomMixin(LitElement) {\n constructor() {\n super(...arguments);\n /**\n * Whether to highlight the string field value.\n * @deprecated - replaced by `no-highlight` (this defaults to `true`, while the replacement is the inverse and defaults to `false`).\n * Only works if the `field` property is set to `excerpt` or `ec_name`.\n */\n this.shouldHighlight = true;\n /**\n * Disable highlighting of the string field value.\n * Only works if the `field` property is set to `excerpt` or `ec_name`.\n */\n this.disableHighlight = false;\n this.productController = createProductContextController(this);\n }\n initialize() {\n if (!this.product && this.productController.item) {\n this.product = this.productController.item;\n }\n }\n render() {\n return html `\n ${when(this.product && this.field, () => this.renderProductTextValue(), () => nothing)}\n `;\n }\n get shouldRenderHighlights() {\n return (!this.disableHighlight &&\n this.shouldHighlight &&\n this.isFieldSupportedForHighlighting());\n }\n isFieldSupportedForHighlighting() {\n return ['ec_name', 'excerpt'].includes(this.field);\n }\n get highlightKeywords() {\n if (!this.shouldRenderHighlights) {\n return null;\n }\n return ProductTemplatesHelpers.getProductProperty(this.product, this.field === 'ec_name' ? 'nameHighlights' : 'excerptHighlights');\n }\n renderFallback() {\n if (!this.default) {\n return nothing;\n }\n return renderItemTextFallback({\n props: {\n field: this.field,\n host: this,\n logger: this.bindings.engine.logger,\n defaultValue: this.default,\n item: this.product,\n getProperty: (result, property) => ProductTemplatesHelpers.getProductProperty(result, property),\n },\n })(html `\n \n `);\n }\n renderProductText(textValue) {\n const highlightKeywords = this.highlightKeywords;\n return this.shouldRenderHighlights &&\n highlightKeywords &&\n highlightKeywords.length > 0\n ? renderItemTextHighlighted({\n props: {\n textValue,\n highlightKeywords,\n highlightString: HighlightUtils.highlightString,\n onError: (error) => {\n this.error = error;\n },\n },\n })\n : html `\n \n `;\n }\n renderProductTextValue() {\n const productValueAsString = getStringValueFromProductOrNull(this.product, this.field);\n if (productValueAsString === null) {\n return this.renderFallback();\n }\n return this.renderProductText(`${productValueAsString}`);\n }\n};\n__decorate([\n property({ type: String, reflect: true })\n], AtomicProductText.prototype, \"field\", void 0);\n__decorate([\n property({\n type: Boolean,\n attribute: 'should-highlight',\n reflect: true,\n converter: booleanConverter,\n })\n], AtomicProductText.prototype, \"shouldHighlight\", void 0);\n__decorate([\n property({\n type: Boolean,\n reflect: true,\n useDefault: true,\n attribute: 'no-highlight',\n })\n], AtomicProductText.prototype, \"disableHighlight\", void 0);\n__decorate([\n property({ type: String, reflect: true })\n], AtomicProductText.prototype, \"default\", void 0);\n__decorate([\n state()\n], AtomicProductText.prototype, \"product\", void 0);\n__decorate([\n state()\n], AtomicProductText.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicProductText.prototype, \"error\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicProductText.prototype, \"render\", null);\nAtomicProductText = __decorate([\n customElement('atomic-product-text'),\n bindings()\n], AtomicProductText);\nexport { AtomicProductText };\n","import { buildCustomEvent } from \"../../../../utils/event-utils\";\nconst interactiveItemContextEventName = 'atomic/resolveInteractiveResult';\n/**\n * A reactive controller that manages interactive item context data from parent components.\n * Handles fetching interactive item data via custom events.\n */\nexport class InteractiveItemContextController {\n constructor(host) {\n this._interactiveItem = null;\n this.host = host;\n host.addController(this);\n }\n get interactiveItem() {\n return this._interactiveItem;\n }\n hostConnected() {\n this._resolveInteractiveItemContext();\n }\n _resolveInteractiveItemContext() {\n const event = buildCustomEvent(interactiveItemContextEventName, (item) => {\n this._interactiveItem = item;\n this.host.requestUpdate();\n });\n this.host.dispatchEvent(event);\n }\n}\n","import { InteractiveItemContextController } from \"../../../common/item-list/context/interactive-item-context-controller\";\n/**\n * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.\n *\n * @param host - The Lit component instance\n * @returns InteractiveItemContextController instance\n *\n * @example\n * ```typescript\n * @customElement('my-interactive-product-component')\n * export class MyInteractiveProductComponent extends LitElement {\n * private interactiveProductController = createInteractiveProductContextController(this);\n *\n * @state() product!: Product;\n *\n * render() {\n * this.product = this.interactiveProductController.interactiveItem;\n * return html`
    ${this.product?.ec_name}
    `;\n * }\n * }\n * ```\n */\nexport function createInteractiveProductContextController(host) {\n return new InteractiveItemContextController(host);\n}\n","function hasLightDOMSlotContent(element) {\n return ('slotContent' in element &&\n typeof element.slotContent === 'object');\n}\nexport function getNamedSlotContent(host, slotName) {\n if (hasLightDOMSlotContent(host)) {\n const targetLightDomSlotContent = host.slotContent[slotName];\n return (targetLightDomSlotContent?.filter((node) => node instanceof Element) || []);\n }\n const children = Array.from(host.children);\n return children.filter((child) => child.getAttribute('slot') === slotName);\n}\nexport function getDefaultSlotContent(host) {\n const children = Array.from(host.children);\n return children.filter((child) => !child.hasAttribute('slot') || child.getAttribute('slot') === '');\n}\n","import { getNamedSlotContent } from \"../../../utils/slot-utils\";\nexport function getAttributesFromLinkSlotContent(host, slotName) {\n const namedSlotContent = getNamedSlotContent(host, slotName);\n if (namedSlotContent.length === 0) {\n return;\n }\n if (namedSlotContent.length > 1) {\n console.warn(`More than one element found for slot \"${slotName}\", only the first one will be used.`, host);\n }\n const attributesSlotContent = namedSlotContent[0];\n if (attributesSlotContent.nodeName !== 'A') {\n console.warn(`Slot named \"${slotName}\" should be an \"a\" tag`, attributesSlotContent);\n return;\n }\n return Array.from(attributesSlotContent.attributes).filter(({ nodeName }) => {\n if (nodeName === 'slot') {\n return false;\n }\n if (nodeName === 'href') {\n console.warn('The \"href\" attribute set on the \"attributes\" slot element will be ignored.');\n return false;\n }\n return true;\n });\n}\n","export function filterProtocol(uri) {\n const isAbsolute = /^(https?|ftp|file|mailto|tel|sip|data):/i.test(uri);\n const isRelative = /^\\//.test(uri);\n return isAbsolute || isRelative ? uri : '';\n}\n","export const bindAnalyticsToLink = (link, { onSelect, onBeginDelayedSelect, onCancelPendingSelect, stopPropagation = true, }) => {\n const stopPropagationAndProcess = (e, process) => {\n stopPropagation && e.stopPropagation();\n process();\n };\n const selectHandler = (e) => stopPropagationAndProcess(e, onSelect);\n const touchStartHandler = (e) => stopPropagationAndProcess(e, onBeginDelayedSelect);\n const touchEndHandler = (e) => stopPropagationAndProcess(e, onCancelPendingSelect);\n ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.addEventListener(eventName, selectHandler));\n link.addEventListener('touchstart', touchStartHandler, { passive: true });\n link.addEventListener('touchend', touchEndHandler, { passive: true });\n return () => {\n ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.removeEventListener(eventName, selectHandler));\n link.removeEventListener('touchstart', touchStartHandler);\n link.removeEventListener('touchend', touchEndHandler);\n };\n};\n","import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { ref } from 'lit/directives/ref.js';\nimport { filterProtocol } from \"../../../utils/xss-utils.js\";\nimport { bindAnalyticsToLink } from './bind-analytics-to-link';\nexport const renderLinkWithItemAnalytics = ({ props }) => (children) => {\n const { href, className, part, title, stopPropagation = true, ref: refCallback, attributes, tabIndex, target = '_self', rel, onMouseOver, onMouseLeave, onFocus, onBlur, onSelect, onBeginDelayedSelect, onCancelPendingSelect, onInitializeLink, } = props;\n return html `\n {\n if (refCallback) {\n refCallback(el);\n }\n if (!el) {\n return;\n }\n const cleanup = bindAnalyticsToLink(el, {\n onSelect,\n onBeginDelayedSelect,\n onCancelPendingSelect,\n stopPropagation,\n });\n if (onInitializeLink) {\n onInitializeLink(cleanup);\n }\n if (attributes?.length) {\n [...attributes].forEach(({ nodeName, nodeValue }) => {\n el.setAttribute(nodeName, nodeValue);\n });\n }\n })}\n tabindex=${ifDefined(tabIndex)}\n @mouseover=${onMouseOver}\n @mouseleave=${onMouseLeave}\n @focus=${onFocus}\n @blur=${onBlur}\n >\n ${children}\n \n `;\n};\n","/**\n * A mixin class that provides slot functionality for LitElement components\n * that render in the light DOM (no shadow DOM).\n *\n * Provides the `renderDefaultSlotContent()` method, which returns the default slot’s content or a fallback if the slot is empty.\n *\n * @example\n * ```typescript\n * class MyElement extends SlotsForNoShadowDOMMixin(LitElement) {\n * render() {\n * return html`\n *
    ${this.renderDefaultSlotContent()}
    \n * `;\n * }\n * }\n * ```\n *\n * @implements {LightDOMWithSlots}\n */\nexport const SlotsForNoShadowDOMMixin = (superClass) => {\n class SlotsForNoShadowDOMClass extends superClass {\n constructor() {\n super(...arguments);\n /**\n * @internal\n */\n this.slotContent = {};\n /**\n * @internal\n */\n this.slotPlaceholders = [];\n }\n createRenderRoot() {\n return this;\n }\n /**\n * We adopt the children here once, just before the first render.\n */\n willUpdate(changedProperties) {\n super.willUpdate?.(changedProperties);\n if (!this.hasUpdated) {\n this.adoptChildren();\n }\n }\n /**\n * After Lit has rendered, we find our placeholders and swap them\n * with the actual nodes from the slots.\n */\n updated(changedProperties) {\n super.updated?.(changedProperties);\n for (const { placeholder, nodes } of this.slotPlaceholders) {\n placeholder.replaceWith(...nodes);\n }\n // Clear the list for the next render cycle.\n this.slotPlaceholders = [];\n }\n /**\n * Reads the initial child nodes, sorts them into the `slots` map,\n * and removes them from the DOM temporarily.\n */\n adoptChildren() {\n const children = Array.from(this.childNodes);\n for (const child of children) {\n const slotName = child instanceof Element ? child.getAttribute('slot') || '' : '';\n if (!this.slotContent[slotName]) {\n this.slotContent[slotName] = [];\n }\n this.slotContent[slotName].push(child);\n child.remove();\n }\n }\n isTextNodeEmpty(node) {\n return !node.textContent || !node.textContent.trim();\n }\n isSlotEmpty(slot) {\n const content = this.slotContent[slot];\n return (!content ||\n content.every((child) => {\n return (child instanceof Comment ||\n (child instanceof Text && this.isTextNodeEmpty(child)));\n }));\n }\n /**\n * Returns the content for the default slot.\n * If no nodes are assigned to the default slot, returns the provided fallback content.\n *\n * @param defaultContent - Optional content to render if the default slot is empty.\n * @returns A `TemplateResult` representing the slot placeholder if nodes exist, otherwise an array containing the default content or an empty array.\n */\n renderDefaultSlotContent(defaultContent) {\n if (!this.isSlotEmpty('')) {\n return this.createSlotPlaceholder(this.slotContent['']);\n }\n return defaultContent ? [defaultContent] : [];\n }\n /**\n * Creates a placeholder comment that will be replaced in `updated`.\n */\n createSlotPlaceholder(nodes) {\n const placeholder = document.createComment('slot');\n this.slotPlaceholders.push({ placeholder, nodes });\n return [placeholder];\n }\n }\n return SlotsForNoShadowDOMClass;\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { isUndefined } from '@eternal-baguette/bueno';\nimport { css, html, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { createInteractiveProductContextController } from \"../product-template-component-utils/context/interactive-product-context-controller.js\";\nimport { getAttributesFromLinkSlotContent } from \"../../common/item-link/attributes-slot\";\nimport { renderLinkWithItemAnalytics } from \"../../common/item-link/item-link\";\nimport { bindingGuard } from \"../../../decorators/binding-guard\";\nimport { bindings } from \"../../../decorators/bindings\";\nimport { errorGuard } from \"../../../decorators/error-guard\";\nimport { buildCustomEvent } from \"../../../utils/event-utils\";\nimport { buildStringTemplateFromProduct } from '../product-template-component-utils/product-utils';\nimport '../atomic-product-text/atomic-product-text';\nimport { createProductContextController } from \"../product-template-component-utils/context/product-context-controller\";\nimport { LightDomMixin } from \"../../../mixins/light-dom\";\nimport { SlotsForNoShadowDOMMixin, } from \"../../../mixins/slots-for-no-shadow-dom-mixin\";\n/**\n * The `atomic-product-link` component automatically transforms a product `ec_name` into a clickable link that points to the original item.\n *\n * @slot default - The content to display inside the link.\n * @slot attributes - Use `` to pass custom attributes to the generated link.\n */\nlet AtomicProductLink = class AtomicProductLink extends LightDomMixin(SlotsForNoShadowDOMMixin(LitElement)) {\n constructor() {\n super(...arguments);\n this.productController = createProductContextController(this);\n this.interactiveProductController = createInteractiveProductContextController(this);\n }\n logWarningIfNeeded(warning) {\n if (warning) {\n this.bindings.engine.logger.warn(warning);\n }\n }\n initialize() {\n if (!this.product && this.productController.item) {\n this.product = this.productController.item;\n }\n if (!this.interactiveProduct &&\n this.interactiveProductController.interactiveItem) {\n this.interactiveProduct =\n this.interactiveProductController.interactiveItem;\n }\n this.dispatchEvent(buildCustomEvent('atomic/resolveStopPropagation', (stopPropagation) => {\n this.stopPropagation = stopPropagation;\n }));\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this.removeLinkEventHandlers) {\n this.removeLinkEventHandlers();\n this.removeLinkEventHandlers = undefined;\n }\n }\n render() {\n return html `${when(this.product && this.interactiveProduct, () => {\n const product = this.product;\n const interactiveProduct = this.interactiveProduct;\n const href = isUndefined(this.hrefTemplate)\n ? product.clickUri\n : buildStringTemplateFromProduct(this.hrefTemplate, product, this.bindings);\n const { warningMessage } = interactiveProduct;\n this.linkAttributes = getAttributesFromLinkSlotContent(this, 'attributes');\n return renderLinkWithItemAnalytics({\n props: {\n href,\n onSelect: () => {\n this.logWarningIfNeeded(warningMessage);\n interactiveProduct.select();\n },\n onBeginDelayedSelect: () => {\n this.logWarningIfNeeded(warningMessage);\n interactiveProduct.beginDelayedSelect();\n },\n onCancelPendingSelect: () => {\n this.logWarningIfNeeded(warningMessage);\n interactiveProduct.cancelPendingSelect();\n },\n attributes: this.linkAttributes,\n stopPropagation: this.stopPropagation,\n onInitializeLink: (cleanupCallback) => {\n if (this.removeLinkEventHandlers) {\n this.removeLinkEventHandlers();\n }\n this.removeLinkEventHandlers = cleanupCallback;\n },\n },\n })(html `\n ${this.renderDefaultSlotContent(html ``)}\n `);\n })}`;\n }\n};\nAtomicProductLink.styles = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-product-link{a{color:var(--atomic-on-background);&:focus-visible,&:hover{color:var(--atomic-primary);text-decoration:underline}&:focus{outline:none}&:visited{color:var(--atomic-visited)}}}`;\n__decorate([\n property({ type: String, attribute: 'href-template', reflect: true })\n], AtomicProductLink.prototype, \"hrefTemplate\", void 0);\n__decorate([\n state()\n], AtomicProductLink.prototype, \"product\", void 0);\n__decorate([\n state()\n], AtomicProductLink.prototype, \"interactiveProduct\", void 0);\n__decorate([\n state()\n], AtomicProductLink.prototype, \"bindings\", void 0);\n__decorate([\n state()\n], AtomicProductLink.prototype, \"error\", void 0);\n__decorate([\n state()\n], AtomicProductLink.prototype, \"linkAttributes\", void 0);\n__decorate([\n bindingGuard(),\n errorGuard()\n], AtomicProductLink.prototype, \"render\", null);\nAtomicProductLink = __decorate([\n customElement('atomic-product-link'),\n bindings()\n], AtomicProductLink);\nexport { AtomicProductLink };\n","import { html } from 'lit';\nexport const renderCarouselIndicator = ({ props: { numberOfImages, currentImage, navigateToImage, maxImagesBeforeAndAfter = 2, }, }) => {\n return html `\n \n ${Array.from({ length: numberOfImages }, (_, index) => {\n const isActive = index === currentImage % numberOfImages;\n const shouldDisplay = index >= Math.max(0, currentImage - maxImagesBeforeAndAfter) &&\n index <=\n Math.min(currentImage + maxImagesBeforeAndAfter, numberOfImages - 1);\n const isLastDisplayed = index === currentImage + maxImagesBeforeAndAfter &&\n index < numberOfImages - 1;\n const isFirstDisplayed = index === currentImage - maxImagesBeforeAndAfter && index > 0;\n return html `\n