@coveo/atomic 3.35.0-pre.e9982a2757 → 3.35.0-pre.f4c6e9e90e

package/dist/atomic/p-7242b46e.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as t,g as r}from"./p-dc3df5ce.js";import{Schema as e,StringValue as i}from"@coveo/bueno";import{buildSearchStatus as a,buildTabManager as o,buildNumericFacet as l,buildFacetConditionsManager as s,buildNumericRange as c}from"@coveo/headless";import{S as d,R as h}from"./p-307e7fd5.js";import{I as w,B as m,H as p}from"./p-ff2d324d.js";import{A as v,M as b}from"./p-7427daa3.js";import{F as g}from"./p-0580b866.js";import{p as u}from"./p-dafbe2ef.js";import{F as f,b as y,a as x}from"./p-60498b8e.js";import{F as k}from"./p-c619df9b.js";import{F as z}from"./p-74862002.js";import{F as j}from"./p-2a02812b.js";import{i as F}from"./p-406f7e5a.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";import"./p-f537c5af.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-b700cfe1.js";import"./p-35fb03be.js";import"./p-fafae456.js";import"./p-b93ccff9.js";import"./p-21ab6f55.js";import"./p-66d48d1a.js";import"./p-7da7b187.js";import"./p-4b1dc787.js";const V='/*! 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  .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  .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-44 {\n    width: calc(0.25rem * 44);\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-dark {\n    background-color: var(--atomic-neutral-dark);\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  .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-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-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-sm {\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-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-1 {\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-primary-light {\n    --tw-ring-color: var(--atomic-primary-light);\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-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.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.icon-active {\n  color: var(--atomic-rating-icon-active-color, #f6ce3c);\n}\n.icon-inactive {\n  color: var(\n    --atomic-rating-icon-inactive-color,\n    var(--atomic-neutral)\n  );\n}\n.icon-active svg path, .icon-inactive svg path {\n  stroke: var(--atomic-rating-icon-outline);\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: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: "<color>";\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: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\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: "<percentage>";\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: "<percentage>";\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: "<length>";\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: "<percentage>";\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';const C=V;var S=undefined&&undefined.__decorate||function(n,t,r,e){var i=arguments.length,a=i<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,r):e,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(n,t,r,e);else for(var l=n.length-1;l>=0;l--)if(o=n[l])a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a;return i>3&&a&&Object.defineProperty(t,r,a),a};const O=class{constructor(t){n(this,t);this.label="no-label";this.tabsIncluded="[]";this.tabsExcluded="[]";this.numberOfIntervals=5;this.maxValueInIndex=this.numberOfIntervals;this.minValueInIndex=1;this.displayValuesAs="checkbox";this.icon=d;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={};this.facetState=undefined;this.searchStatusState=undefined;this.tabManagerState=undefined;this.error=undefined;this.facetId=undefined;this.label="no-label";this.field=undefined;this.tabsIncluded="[]";this.tabsExcluded="[]";this.numberOfIntervals=5;this.maxValueInIndex=this.numberOfIntervals;this.minValueInIndex=1;this.displayValuesAs="checkbox";this.icon=d;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={}}get focusTarget(){if(!this.headerFocus){this.headerFocus=new g(this)}return this.headerFocus}validateProps(){new e({displayValuesAs:new i({constrainTo:["checkbox","link"]})}).validate({displayValuesAs:this.displayValuesAs})}initialize(){if([...this.tabsIncluded].length>0&&[...this.tabsExcluded].length>0){console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This is could lead to unexpected behaviors.')}this.validateProps();this.searchStatus=a(this.bindings.engine);this.tabManager=o(this.bindings.engine);this.initializeFacet();this.initializeDependenciesManager()}initializeFacet(){const n={facetId:this.facetId,field:this.field,numberOfValues:this.numberOfIntervals,currentValues:this.generateCurrentValues(),sortCriteria:"descending",generateAutomaticRanges:false,filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth,tabs:{included:[...this.tabsIncluded],excluded:[...this.tabsExcluded]}};this.facet=l(this.bindings.engine,{options:n});this.facetId=this.facet.state.facetId;const t={label:()=>this.bindings.i18n.t(this.label),facetId:this.facetId,element:this.host,isHidden:()=>this.isHidden};this.bindings.store.registerFacet("numericFacets",{...t,format:n=>this.formatFacetValue(n),content:n=>this.ratingContent(n)});F(this.host,{...t,hasValues:()=>!!this.valuesToRender.length,numberOfActiveValues:()=>this.numberOfSelectedValues})}disconnectedCallback(){if(this.host.isConnected){return}this.dependenciesManager?.stopWatching()}get isHidden(){return this.searchStatusState.hasError||!this.facet.state.enabled||!this.valuesToRender.length}get scaleFactor(){return this.maxValueInIndex/this.numberOfIntervals}get numberOfSelectedValues(){return this.facetState.values.filter((({state:n})=>n==="selected")).length}initializeDependenciesManager(){this.dependenciesManager=s(this.bindings.engine,{facetId:this.facetId,conditions:u(this.dependsOn)})}generateCurrentValues(){const n=[];for(let t=this.minValueInIndex;t<=this.numberOfIntervals;t++){n.push(c({start:Math.round(t*this.scaleFactor*100)/100,end:Math.round((t+1)*this.scaleFactor*100)/100,endInclusive:false}))}return n}formatFacetValue(n){if(n.start===this.maxValueInIndex){return this.bindings.i18n.t("stars-only",{count:n.start})}return this.bindings.i18n.t("stars",{count:n.start,max:this.maxValueInIndex})}ratingContent(n){return t(h,{i18n:this.bindings.i18n,numberOfTotalIcons:this.maxValueInIndex,numberOfActiveIcons:n.start,icon:this.icon})}renderHeader(){return t(f,{i18n:this.bindings.i18n,label:this.label,onClearFilters:()=>{this.focusTarget.focusAfterSearch();this.facet.deselectAll()},numberOfActiveValues:this.numberOfSelectedValues,isCollapsed:this.isCollapsed,headingLevel:this.headingLevel,onToggleCollapse:()=>this.isCollapsed=!this.isCollapsed,headerRef:n=>this.focusTarget.setTarget(n)})}renderValue(n,r){const e=this.formatFacetValue(n);const i=n.state==="selected";const a=this.facetState.hasActiveValues&&!i;switch(this.displayValuesAs){case"checkbox":return t(k,{displayValue:e,numberOfResults:n.numberOfResults,isSelected:i,i18n:this.bindings.i18n,onClick:r},this.ratingContent(n));case"link":return t(z,{displayValue:e,numberOfResults:n.numberOfResults,isSelected:i,i18n:this.bindings.i18n,onClick:r,class:a?"opacity-80":undefined},this.ratingContent(n))}}renderValuesContainer(n){return t(j,{i18n:this.bindings.i18n,label:this.label},t("ul",{class:"mt-3",part:"values"},n))}renderValues(){return this.renderValuesContainer(this.valuesToRender.map((n=>this.renderValue(n,(()=>this.displayValuesAs==="link"?this.facet.toggleSingleSelect(n):this.facet.toggleSelect(n))))))}get valuesToRender(){return this.facet.state.values.filter((n=>n.numberOfResults||n.state!=="idle"))}render(){if(this.searchStatusState.hasError||!this.facet.state.enabled){return t(p,null)}if(!this.searchStatusState.firstSearchExecuted){return t(y,{numberOfValues:this.numberOfIntervals,isCollapsed:this.isCollapsed})}if(!this.valuesToRender.length){return t(p,null)}return t(x,null,this.renderHeader(),!this.isCollapsed&&this.renderValues())}get host(){return r(this)}};S([w()],O.prototype,"bindings",void 0);S([m("facet")],O.prototype,"facetState",void 0);S([m("searchStatus")],O.prototype,"searchStatusState",void 0);S([m("tabManager")],O.prototype,"tabManagerState",void 0);S([v()],O.prototype,"tabsIncluded",void 0);S([v()],O.prototype,"tabsExcluded",void 0);S([b()],O.prototype,"dependsOn",void 0);O.style=C;export{O as atomic_rating_facet};
-//# sourceMappingURL=p-7242b46e.entry.js.map

package/dist/atomic/p-7242b46e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicRatingFacetCss","AtomicRatingFacetStyle0","AtomicRatingFacet","this","label","tabsIncluded","tabsExcluded","numberOfIntervals","maxValueInIndex","minValueInIndex","displayValuesAs","icon","Star","isCollapsed","headingLevel","filterFacetCount","injectionDepth","dependsOn","focusTarget","headerFocus","FocusTargetController","validateProps","Schema","StringValue","constrainTo","validate","initialize","length","console","warn","searchStatus","buildSearchStatus","bindings","engine","tabManager","buildTabManager","initializeFacet","initializeDependenciesManager","options","facetId","field","numberOfValues","currentValues","generateCurrentValues","sortCriteria","generateAutomaticRanges","tabs","included","excluded","facet","buildNumericFacet","state","facetInfo","i18n","t","element","host","isHidden","store","registerFacet","format","value","formatFacetValue","content","ratingContent","initializePopover","hasValues","valuesToRender","numberOfActiveValues","numberOfSelectedValues","disconnectedCallback","isConnected","dependenciesManager","stopWatching","searchStatusState","hasError","enabled","scaleFactor","facetState","values","filter","buildFacetConditionsManager","conditions","parseDependsOn","i","push","buildNumericRange","start","Math","round","end","endInclusive","facetValue","count","max","h","Rating","numberOfTotalIcons","numberOfActiveIcons","renderHeader","FacetHeader","onClearFilters","focusAfterSearch","deselectAll","onToggleCollapse","headerRef","el","setTarget","renderValue","onClick","displayValue","isSelected","shouldBeDimmed","hasActiveValues","FacetValueCheckbox","numberOfResults","FacetValueLink","class","undefined","renderValuesContainer","children","FacetValuesGroup","part","renderValues","map","toggleSingleSelect","toggleSelect","render","Hidden","firstSearchExecuted","FacetPlaceholder","FacetContainer","__decorate","InitializeBindings","BindStateToController","ArrayProp","MapProp"],"sources":["src/components/search/facets/atomic-rating-facet/atomic-rating-facet.pcss?tag=atomic-rating-facet&encapsulation=shadow","src/components/search/facets/atomic-rating-facet/atomic-rating-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-value-checkbox/facet-value-checkbox.pcss';\n@import '../../../common/atomic-rating/atomic-rating.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  NumericFacet,\n  buildNumericFacet,\n  NumericFacetState,\n  NumericFacetOptions,\n  SearchStatus,\n  SearchStatusState,\n  buildSearchStatus,\n  NumericFacetValue,\n  NumericRangeRequest,\n  buildNumericRange,\n  buildFacetConditionsManager,\n  FacetConditionsManager,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, VNode, Element} from '@stencil/core';\nimport Star from '../../../../images/star.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {Rating} from '../../../common/atomic-rating/stencil-rating';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetInfo} from '../../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../../common/facets/facet-container/stencil-facet-container';\nimport {FacetHeader} from '../../../common/facets/facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {FacetValueCheckbox} from '../../../common/facets/facet-value-checkbox/stencil-facet-value-checkbox';\nimport {FacetValueLink} from '../../../common/facets/facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {Hidden} from '../../../common/stencil-hidden';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).\n * An `atomic-rating-facet` displays a facet of the results for the current query as ratings.\n * It only supports numeric fields.\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 toggles to expand or 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 values - The facet values container.\n * @part value-count - The facet value count, common for all displays.\n * @part value-rating - The facet value rating, common for all displays.\n * @part value-rating-icon - The individual star icons used in the rating display.\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 * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n */\n@Component({\n  tag: 'atomic-rating-facet',\n  styleUrl: 'atomic-rating-facet.pcss',\n  shadow: true,\n})\nexport class AtomicRatingFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facet!: NumericFacet;\n  private dependenciesManager?: FacetConditionsManager;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: NumericFacetState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\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, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\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  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\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, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\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  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * The number of options to display in the facet. If `maxValueInIndex` isn't specified, it will be assumed that this is also the maximum number of rating icons.\n   */\n  @Prop({reflect: true}) public numberOfIntervals = 5;\n  /**\n   * The maximum value in the field's index and the number of rating icons to display in the facet. If not assigned a value, this property will default to the same value as `numberOfIntervals`.\n   */\n  @Prop({reflect: true}) public maxValueInIndex = this.numberOfIntervals;\n  /**\n   * The minimum value of the field.\n   */\n  @Prop({reflect: true}) public minValueInIndex = 1;\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  @Prop({reflect: true}) public displayValuesAs: 'checkbox' | 'link' =\n    'checkbox';\n  /**\n   * The SVG icon to use to display the rating.\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   * When using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\n   * This part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n   *\n   * - `--atomic-rating-icon-active-color`\n   * - `--atomic-rating-icon-inactive-color`\n\n   */\n  @Prop({reflect: true}) public icon = Star;\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  @Prop({reflect: true, mutable: true}) public 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  @Prop({reflect: true}) public 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  @Prop({reflect: true}) public 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   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-rating-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-rating-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-rating-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-rating-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n  private validateProps() {\n    new Schema({\n      displayValuesAs: new StringValue({constrainTo: ['checkbox', 'link']}),\n    }).validate({\n      displayValuesAs: this.displayValuesAs,\n    });\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.validateProps();\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.initializeFacet();\n    this.initializeDependenciesManager();\n  }\n\n  private initializeFacet() {\n    const options: NumericFacetOptions = {\n      facetId: this.facetId,\n      field: this.field,\n      numberOfValues: this.numberOfIntervals,\n      currentValues: this.generateCurrentValues(),\n      sortCriteria: 'descending',\n      generateAutomaticRanges: false,\n      filterFacetCount: this.filterFacetCount,\n      injectionDepth: this.injectionDepth,\n      tabs: {\n        included: [...this.tabsIncluded],\n        excluded: [...this.tabsExcluded],\n      },\n    };\n    this.facet = buildNumericFacet(this.bindings.engine, {options});\n    this.facetId = this.facet.state.facetId;\n    const facetInfo: 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) => this.formatFacetValue(value),\n      content: (value) => this.ratingContent(value),\n    });\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => !!this.valuesToRender.length,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.dependenciesManager?.stopWatching();\n  }\n  private get isHidden() {\n    return (\n      this.searchStatusState.hasError ||\n      !this.facet.state.enabled ||\n      !this.valuesToRender.length\n    );\n  }\n\n  private get scaleFactor() {\n    return this.maxValueInIndex / this.numberOfIntervals;\n  }\n\n  private get numberOfSelectedValues() {\n    return this.facetState.values.filter(({state}) => state === 'selected')\n      .length;\n  }\n\n  private initializeDependenciesManager() {\n    this.dependenciesManager = buildFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId: this.facetId!,\n        conditions: parseDependsOn<\n          FacetValueRequest | CategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private generateCurrentValues() {\n    const currentValues: NumericRangeRequest[] = [];\n    for (let i = this.minValueInIndex; i <= this.numberOfIntervals; i++) {\n      currentValues.push(\n        buildNumericRange({\n          start: Math.round(i * this.scaleFactor * 100) / 100,\n          end: Math.round((i + 1) * this.scaleFactor * 100) / 100,\n          endInclusive: false,\n        })\n      );\n    }\n    return currentValues;\n  }\n\n  private formatFacetValue(facetValue: NumericFacetValue) {\n    if (facetValue.start === this.maxValueInIndex) {\n      return this.bindings.i18n.t('stars-only', {count: facetValue.start});\n    }\n    return this.bindings.i18n.t('stars', {\n      count: facetValue.start,\n      max: this.maxValueInIndex,\n    });\n  }\n\n  private ratingContent(facetValue: NumericFacetValue) {\n    return (\n      <Rating\n        i18n={this.bindings.i18n}\n        numberOfTotalIcons={this.maxValueInIndex}\n        numberOfActiveIcons={facetValue.start}\n        icon={this.icon}\n      ></Rating>\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.label}\n        onClearFilters={() => {\n          this.focusTarget.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={this.isCollapsed}\n        headingLevel={this.headingLevel}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        headerRef={(el) => this.focusTarget.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderValue(facetValue: NumericFacetValue, onClick: () => void) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const shouldBeDimmed = this.facetState.hasActiveValues && !isSelected;\n    switch (this.displayValuesAs) {\n      case 'checkbox':\n        return (\n          <FacetValueCheckbox\n            displayValue={displayValue}\n            numberOfResults={facetValue.numberOfResults}\n            isSelected={isSelected}\n            i18n={this.bindings.i18n}\n            onClick={onClick}\n          >\n            {this.ratingContent(facetValue)}\n          </FacetValueCheckbox>\n        );\n      case 'link':\n        return (\n          <FacetValueLink\n            displayValue={displayValue}\n            numberOfResults={facetValue.numberOfResults}\n            isSelected={isSelected}\n            i18n={this.bindings.i18n}\n            onClick={onClick}\n            class={shouldBeDimmed ? 'opacity-80' : undefined}\n          >\n            {this.ratingContent(facetValue)}\n          </FacetValueLink>\n        );\n    }\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup i18n={this.bindings.i18n} label={this.label}>\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) =>\n        this.renderValue(value, () =>\n          this.displayValuesAs === 'link'\n            ? this.facet.toggleSingleSelect(value)\n            : this.facet.toggleSelect(value)\n        )\n      )\n    );\n  }\n\n  private get valuesToRender() {\n    return this.facet.state.values.filter(\n      (value) => value.numberOfResults || value.state !== 'idle'\n    );\n  }\n\n  public render() {\n    if (this.searchStatusState.hasError || !this.facet.state.enabled) {\n      return <Hidden></Hidden>;\n    }\n\n    if (!this.searchStatusState.firstSearchExecuted) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={this.numberOfIntervals}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n\n    if (!this.valuesToRender.length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <FacetContainer>\n        {this.renderHeader()}\n        {!this.isCollapsed && this.renderValues()}\n      </FacetContainer>\n    );\n  }\n}\n"],"mappings":"2/BAAA,MAAMA,EAAuB,66mEAC7B,MAAAC,EAAeD,E,iXCuEFE,EAAiB,M,yBA2BEC,KAAAC,MAAQ,WAgB/BD,KAAAE,aAAkC,KAalCF,KAAAG,aAAkC,KAKXH,KAAAI,kBAAoB,EAIpBJ,KAAAK,gBAAkBL,KAAKI,kBAIvBJ,KAAAM,gBAAkB,EAKlBN,KAAAO,gBAC5B,WAe4BP,KAAAQ,KAAOC,EAIQT,KAAAU,YAAc,MAI7BV,KAAAW,aAAe,EAOfX,KAAAY,iBAAmB,KAMnBZ,KAAAa,eAAiB,IAqBrBb,KAAAc,UAAoC,G,iJAzGxB,W,uCAgBG,K,kBAaA,K,uBAKS,E,qBAIFd,KAAKI,kB,qBAIL,E,qBAM9C,W,UAemCK,E,iBAIsB,M,kBAId,E,sBAOI,K,oBAMF,I,eAqBe,E,CAI9D,eAAYM,GACV,IAAKf,KAAKgB,YAAa,CACrBhB,KAAKgB,YAAc,IAAIC,EAAsBjB,K,CAE/C,OAAOA,KAAKgB,W,CAEN,aAAAE,GACN,IAAIC,EAAO,CACTZ,gBAAiB,IAAIa,EAAY,CAACC,YAAa,CAAC,WAAY,YAC3DC,SAAS,CACVf,gBAAiBP,KAAKO,iB,CAInB,UAAAgB,GACL,GACE,IAAIvB,KAAKE,cAAcsB,OAAS,GAChC,IAAIxB,KAAKG,cAAcqB,OAAS,EAChC,CACAC,QAAQC,KACN,sH,CAGJ1B,KAAKkB,gBACLlB,KAAK2B,aAAeC,EAAkB5B,KAAK6B,SAASC,QACpD9B,KAAK+B,WAAaC,EAAgBhC,KAAK6B,SAASC,QAChD9B,KAAKiC,kBACLjC,KAAKkC,+B,CAGC,eAAAD,GACN,MAAME,EAA+B,CACnCC,QAASpC,KAAKoC,QACdC,MAAOrC,KAAKqC,MACZC,eAAgBtC,KAAKI,kBACrBmC,cAAevC,KAAKwC,wBACpBC,aAAc,aACdC,wBAAyB,MACzB9B,iBAAkBZ,KAAKY,iBACvBC,eAAgBb,KAAKa,eACrB8B,KAAM,CACJC,SAAU,IAAI5C,KAAKE,cACnB2C,SAAU,IAAI7C,KAAKG,gBAGvBH,KAAK8C,MAAQC,EAAkB/C,KAAK6B,SAASC,OAAQ,CAACK,YACtDnC,KAAKoC,QAAUpC,KAAK8C,MAAME,MAAMZ,QAChC,MAAMa,EAAuB,CAC3BhD,MAAO,IAAMD,KAAK6B,SAASqB,KAAKC,EAAEnD,KAAKC,OACvCmC,QAASpC,KAAKoC,QACdgB,QAASpD,KAAKqD,KACdC,SAAU,IAAMtD,KAAKsD,UAEvBtD,KAAK6B,SAAS0B,MAAMC,cAAc,gBAAiB,IAC9CP,EACHQ,OAASC,GAAU1D,KAAK2D,iBAAiBD,GACzCE,QAAUF,GAAU1D,KAAK6D,cAAcH,KAEzCI,EAAkB9D,KAAKqD,KAAM,IACxBJ,EACHc,UAAW,MAAQ/D,KAAKgE,eAAexC,OACvCyC,qBAAsB,IAAMjE,KAAKkE,wB,CAI9B,oBAAAC,GACL,GAAInE,KAAKqD,KAAKe,YAAa,CACzB,M,CAEFpE,KAAKqE,qBAAqBC,c,CAE5B,YAAYhB,GACV,OACEtD,KAAKuE,kBAAkBC,WACtBxE,KAAK8C,MAAME,MAAMyB,UACjBzE,KAAKgE,eAAexC,M,CAIzB,eAAYkD,GACV,OAAO1E,KAAKK,gBAAkBL,KAAKI,iB,CAGrC,0BAAY8D,GACV,OAAOlE,KAAK2E,WAAWC,OAAOC,QAAO,EAAE7B,WAAWA,IAAU,aACzDxB,M,CAGG,6BAAAU,GACNlC,KAAKqE,oBAAsBS,EACzB9E,KAAK6B,SAASC,OACd,CACEM,QAASpC,KAAKoC,QACd2C,WAAYC,EAEVhF,KAAKc,Y,CAKL,qBAAA0B,GACN,MAAMD,EAAuC,GAC7C,IAAK,IAAI0C,EAAIjF,KAAKM,gBAAiB2E,GAAKjF,KAAKI,kBAAmB6E,IAAK,CACnE1C,EAAc2C,KACZC,EAAkB,CAChBC,MAAOC,KAAKC,MAAML,EAAIjF,KAAK0E,YAAc,KAAO,IAChDa,IAAKF,KAAKC,OAAOL,EAAI,GAAKjF,KAAK0E,YAAc,KAAO,IACpDc,aAAc,Q,CAIpB,OAAOjD,C,CAGD,gBAAAoB,CAAiB8B,GACvB,GAAIA,EAAWL,QAAUpF,KAAKK,gBAAiB,CAC7C,OAAOL,KAAK6B,SAASqB,KAAKC,EAAE,aAAc,CAACuC,MAAOD,EAAWL,O,CAE/D,OAAOpF,KAAK6B,SAASqB,KAAKC,EAAE,QAAS,CACnCuC,MAAOD,EAAWL,MAClBO,IAAK3F,KAAKK,iB,CAIN,aAAAwD,CAAc4B,GACpB,OACEG,EAACC,EAAM,CACL3C,KAAMlD,KAAK6B,SAASqB,KACpB4C,mBAAoB9F,KAAKK,gBACzB0F,oBAAqBN,EAAWL,MAChC5E,KAAMR,KAAKQ,M,CAKT,YAAAwF,GACN,OACEJ,EAACK,EAAW,CACV/C,KAAMlD,KAAK6B,SAASqB,KACpBjD,MAAOD,KAAKC,MACZiG,eAAgB,KACdlG,KAAKe,YAAYoF,mBACjBnG,KAAK8C,MAAMsD,aAAa,EAE1BnC,qBAAsBjE,KAAKkE,uBAC3BxD,YAAaV,KAAKU,YAClBC,aAAcX,KAAKW,aACnB0F,iBAAkB,IAAOrG,KAAKU,aAAeV,KAAKU,YAClD4F,UAAYC,GAAOvG,KAAKe,YAAYyF,UAAUD,I,CAK5C,WAAAE,CAAYhB,EAA+BiB,GACjD,MAAMC,EAAe3G,KAAK2D,iBAAiB8B,GAC3C,MAAMmB,EAAanB,EAAWzC,QAAU,WACxC,MAAM6D,EAAiB7G,KAAK2E,WAAWmC,kBAAoBF,EAC3D,OAAQ5G,KAAKO,iBACX,IAAK,WACH,OACEqF,EAACmB,EAAkB,CACjBJ,aAAcA,EACdK,gBAAiBvB,EAAWuB,gBAC5BJ,WAAYA,EACZ1D,KAAMlD,KAAK6B,SAASqB,KACpBwD,QAASA,GAER1G,KAAK6D,cAAc4B,IAG1B,IAAK,OACH,OACEG,EAACqB,EAAc,CACbN,aAAcA,EACdK,gBAAiBvB,EAAWuB,gBAC5BJ,WAAYA,EACZ1D,KAAMlD,KAAK6B,SAASqB,KACpBwD,QAASA,EACTQ,MAAOL,EAAiB,aAAeM,WAEtCnH,KAAK6D,cAAc4B,I,CAMtB,qBAAA2B,CAAsBC,GAC5B,OACEzB,EAAC0B,EAAgB,CAACpE,KAAMlD,KAAK6B,SAASqB,KAAMjD,MAAOD,KAAKC,OACtD2F,EAAA,MAAIsB,MAAM,OAAOK,KAAK,UACnBF,G,CAMD,YAAAG,GACN,OAAOxH,KAAKoH,sBACVpH,KAAKgE,eAAeyD,KAAK/D,GACvB1D,KAAKyG,YAAY/C,GAAO,IACtB1D,KAAKO,kBAAoB,OACrBP,KAAK8C,MAAM4E,mBAAmBhE,GAC9B1D,KAAK8C,MAAM6E,aAAajE,O,CAMpC,kBAAYM,GACV,OAAOhE,KAAK8C,MAAME,MAAM4B,OAAOC,QAC5BnB,GAAUA,EAAMsD,iBAAmBtD,EAAMV,QAAU,Q,CAIjD,MAAA4E,GACL,GAAI5H,KAAKuE,kBAAkBC,WAAaxE,KAAK8C,MAAME,MAAMyB,QAAS,CAChE,OAAOmB,EAACiC,EAAM,K,CAGhB,IAAK7H,KAAKuE,kBAAkBuD,oBAAqB,CAC/C,OACElC,EAACmC,EAAgB,CACfzF,eAAgBtC,KAAKI,kBACrBM,YAAaV,KAAKU,a,CAKxB,IAAKV,KAAKgE,eAAexC,OAAQ,CAC/B,OAAOoE,EAACiC,EAAM,K,CAGhB,OACEjC,EAACoC,EAAc,KACZhI,KAAKgG,gBACJhG,KAAKU,aAAeV,KAAKwH,e,6BAlXJS,EAAA,CAA5BC,K,+BASMD,EAAA,CAFNE,EAAsB,U,iCAKhBF,EAAA,CAFNE,EAAsB,iB,wCAKhBF,EAAA,CAFNE,EAAsB,e,sCA6BhBF,EAAA,CAFNG,K,mCAeMH,EAAA,CAFNG,K,mCA8EyBH,EAAA,CAAzBI,K","ignoreList":[]}

package/dist/atomic/p-74862002.js

@@ -1,2 +0,0 @@
-import{h as e}from"./p-dc3df5ce.js";import{B as t}from"./p-b93ccff9.js";const a=(a,l)=>{const s=a.numberOfResults.toLocaleString(a.i18n.language);const n=a.i18n.t("facet-value",{value:a.displayValue,count:a.numberOfResults,formattedCount:s,interpolation:{escapeValue:false}});let c=a.part??`value-link${a.isSelected?" value-link-selected":""}`;if(a.additionalPart){c+=` ${a.additionalPart}`}return e("li",{key:a.displayValue,class:a.class},e(t,{style:"text-neutral",part:c,onClick:()=>a.onClick(),class:"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none",ariaPressed:a.isSelected.toString(),ariaLabel:n,ref:a.buttonRef},l,e("span",{part:"value-count",class:"value-count"},a.i18n.t("between-parentheses",{text:s}))),a.subList)};export{a as F};
-//# sourceMappingURL=p-74862002.js.map

package/dist/atomic/p-74862002.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValueLink","props","children","count","numberOfResults","toLocaleString","i18n","language","ariaLabel","t","value","displayValue","formattedCount","interpolation","escapeValue","part","isSelected","additionalPart","h","key","class","Button","style","onClick","ariaPressed","toString","ref","buttonRef","text","subList"],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\nexport interface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\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\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={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.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"mappings":"8EAQaA,EAA2D,CACtEC,EACAC,KAEA,MAAMC,EAAQF,EAAMG,gBAAgBC,eAAeJ,EAAMK,KAAKC,UAC9D,MAAMC,EAAYP,EAAMK,KAAKG,EAAE,cAAe,CAC5CC,MAAOT,EAAMU,aACbR,MAAOF,EAAMG,gBACbQ,eAAgBT,EAChBU,cAAe,CAACC,YAAa,SAG/B,IAAIC,EACFd,EAAMc,MAAQ,aAAad,EAAMe,WAAa,uBAAyB,KAEzE,GAAIf,EAAMgB,eAAgB,CACxBF,GAAQ,IAAId,EAAMgB,gB,CAGpB,OACEC,EAAA,MAAIC,IAAKlB,EAAMU,aAAcS,MAAOnB,EAAMmB,OACxCF,EAACG,EAAM,CACLC,MAAM,eACNP,KAAMA,EACNQ,QAAS,IAAMtB,EAAMsB,UACrBH,MAAM,2FACNI,YAAavB,EAAMe,WAAWS,WAC9BjB,UAAWA,EACXkB,IAAKzB,EAAM0B,WAEVzB,EACDgB,EAAA,QAAMH,KAAK,cAAcK,MAAM,eAC5BnB,EAAMK,KAAKG,EAAE,sBAAuB,CACnCmB,KAAMzB,MAIXF,EAAM4B,QACJ,S","ignoreList":[]}

package/dist/atomic/p-76c14d82.entry.js

@@ -1,2 +0,0 @@
-import{r as n,c as r,h as t,g as e}from"./p-dc3df5ce.js";import{C as i}from"./p-fafae456.js";import{I as a}from"./p-ff2d324d.js";import{u as o}from"./p-1fca38e1.js";import{r as l,o as s}from"./p-f537c5af.js";import{A as c}from"./p-d7bf3aa2.js";import{I as d}from"./p-8a488991.js";import{B as p}from"./p-b93ccff9.js";import{F as m}from"./p-4b1dc787.js";import{R as h}from"./p-82398f4a.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-21ab6f55.js";const w=`<svg width="352" height="352" viewBox="0 0 352 352" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_b_110_11263)">\n<rect x="176" y="29" width="208" height="208" rx="8" transform="rotate(45 176 29)" fill="#F9F9F9"/>\n</g>\n<g opacity="0.6" filter="url(#filter1_f_110_11263)">\n<path d="M232.005 288.834C232.032 297.477 192.856 304.607 144.503 304.758C59.5678 313.28 52.0499 289.55 52.0228 280.907C51.9956 272.264 96.0514 273.611 144.404 273.459C192.758 273.307 231.977 280.191 232.005 288.834Z" fill="url(#paint0_linear_110_11263)"/>\n</g>\n<g opacity="0.2" filter="url(#filter2_f_110_11263)">\n<path d="M188.079 108.584C189.284 108.36 190.476 108.189 191.654 107.85C191.938 107.749 192.919 107.585 193 107.221C195.11 103.158 192.53 97.29 189.53 94.4945C185.265 90.5444 179.698 91.2729 174.373 92.3281C173.38 92.5443 172.338 92.7494 171.372 93.0807C171.422 93.0919 170.245 93.4308 170.895 93.5752C170.895 93.5752 172.633 93.5 173.133 93.4906C173.633 93.4812 174.98 93.6095 175.319 93.7393C176.108 93.9691 176.835 94.2398 177.527 94.6665C179.1 95.6165 180.481 96.9605 181.431 98.5909C183.149 101.484 184.602 105.573 182.928 108.859C182.832 109.056 184.636 108.966 184.474 108.984C185.694 108.928 186.887 108.756 188.079 108.584Z" fill="#AEB0F1"/>\n</g>\n<g opacity="0.6" filter="url(#filter3_f_110_11263)">\n<ellipse cx="299.859" cy="289.766" rx="2.08166" ry="6.61558" transform="rotate(93.2713 299.859 289.766)" fill="#AEB0F1"/>\n</g>\n<g opacity="0.6" filter="url(#filter4_f_110_11263)">\n<path d="M248.097 293.649C246.952 293.605 245.812 293.538 244.706 293.551C244.441 293.563 243.506 293.518 243.47 293.677C241.899 295.295 245.104 298.32 248.354 299.977C252.973 302.323 258.304 302.667 263.36 302.83C264.301 302.852 265.291 302.885 266.191 302.85C266.141 302.838 267.247 302.826 266.597 302.68C266.597 302.68 264.914 302.502 264.429 302.445C263.943 302.388 262.617 302.164 262.273 302.063C261.478 301.861 260.738 301.647 260.014 301.365C258.371 300.734 256.868 299.945 255.751 299.076C253.736 297.53 251.837 295.464 253.078 294.151C253.148 294.072 251.403 293.893 251.558 293.905C250.378 293.782 249.238 293.715 248.097 293.649Z" fill="#AEB0F1"/>\n</g>\n<path d="M267.692 172.577L266.334 179.479C266.19 180.211 265.4 180.658 264.667 180.518C263.522 180.298 261.727 180.132 259.501 180.518C257.315 180.897 255.204 181.543 253.752 182.046C252.89 182.345 251.973 181.636 252.087 180.73L252.865 174.51C252.917 174.094 253.184 173.737 253.568 173.572C259.325 171.107 262.455 170.442 266.78 171.214C267.413 171.327 267.816 171.946 267.692 172.577Z" fill="url(#paint1_linear_110_11263)"/>\n<path d="M247.767 103.658L241.898 100.751C241.194 100.403 240.989 99.4518 241.381 98.7719C241.938 97.807 242.613 96.3157 242.948 94.3545C243.293 92.3377 243.367 90.3189 243.365 88.9067C243.363 88.0256 244.266 87.3863 245.081 87.7216L250.613 89.9983C251.023 90.167 251.306 90.5521 251.34 90.9943C251.784 96.6711 251.389 99.5987 249.276 103.221C248.971 103.744 248.309 103.926 247.767 103.658Z" fill="url(#paint2_linear_110_11263)"/>\n<ellipse cx="205.485" cy="105.648" rx="4.82204" ry="2.61553" transform="rotate(-29.4417 205.485 105.648)" fill="url(#paint3_linear_110_11263)"/>\n<ellipse cx="290.123" cy="200.642" rx="2.20295" ry="4.65279" transform="rotate(70.2998 290.123 200.642)" fill="url(#paint4_linear_110_11263)"/>\n<ellipse cx="232.171" cy="53.736" rx="3.05764" ry="4.21097" transform="rotate(60.4687 232.171 53.736)" fill="url(#paint5_linear_110_11263)"/>\n<ellipse cx="297.786" cy="254.704" rx="2.08166" ry="3.45164" transform="rotate(115.947 297.786 254.704)" fill="url(#paint6_linear_110_11263)"/>\n<ellipse cx="307.728" cy="133.273" rx="2.49732" ry="4.33321" transform="rotate(79.0732 307.728 133.273)" fill="url(#paint7_linear_110_11263)"/>\n<ellipse cx="68.6153" cy="31.7832" rx="68.6153" ry="31.7832" transform="matrix(0.711799 0.702383 -0.701584 0.712586 134.407 121.061)" fill="url(#paint8_linear_110_11263)"/>\n<ellipse cx="63.1768" cy="27.4369" rx="63.1768" ry="27.4369" transform="matrix(0.711799 0.702383 -0.701584 0.712586 136.015 129)" fill="url(#paint9_linear_110_11263)"/>\n<g opacity="0.8" filter="url(#filter5_f_110_11263)">\n<path d="M211.5 228.5C183.472 228.407 166.992 244.61 167.001 241.816C167.01 239.023 181.472 218.407 209.5 218.5C210.5 220 211.5 224 211.5 228.5Z" fill="#262646"/>\n</g>\n<path d="M263.905 221.342C264.699 221.815 265.158 222.664 265.189 223.587C265.272 226.051 265.435 230.889 265.48 232.198C265.54 233.975 245.64 218.438 213.686 220.703C184.257 222.789 162.018 241.642 158.687 244.609C158.404 244.861 158.034 244.958 157.661 244.887L149.334 243.287C148.369 243.102 148.03 241.922 148.789 241.296C156.098 235.273 184.386 213.521 213.685 211.766C242.485 210.042 259.386 218.652 263.905 221.342Z" fill="url(#paint10_linear_110_11263)"/>\n<path d="M299.839 83.4692C300.175 82.2915 300.553 81.1473 300.775 79.9424C300.812 79.6427 301.103 78.6914 300.813 78.4566C298.117 74.7569 291.714 74.4491 287.874 75.8877C282.437 77.9441 280.606 83.252 279.176 88.4887C278.927 89.4736 278.646 90.4983 278.512 91.5105C278.544 91.4706 278.322 92.6756 278.742 92.1581C278.742 92.1581 279.45 90.5682 279.664 90.1166C279.879 89.6649 280.594 88.5163 280.861 88.2712C281.419 87.6678 281.985 87.1378 282.676 86.7084C284.228 85.7238 286.046 85.0873 287.929 84.9642C291.285 84.7157 295.593 85.2388 297.788 88.2027C297.921 88.3767 298.645 86.7213 298.589 86.8743C299.082 85.7574 299.46 84.6133 299.839 83.4692Z" fill="url(#paint11_linear_110_11263)"/>\n<path d="M250.028 252.443C248.823 252.663 247.63 252.832 246.451 253.168C246.166 253.268 245.185 253.429 245.103 253.793C242.983 257.85 245.547 263.725 248.539 266.529C252.794 270.49 258.363 269.776 263.691 268.735C264.684 268.522 265.727 268.319 266.694 267.991C266.644 267.979 267.822 267.644 267.172 267.497C267.172 267.497 265.434 267.568 264.934 267.576C264.434 267.584 263.087 267.452 262.749 267.322C261.961 267.09 261.234 266.817 260.543 266.388C258.972 265.434 257.595 264.087 256.65 262.454C254.939 259.556 253.497 255.463 255.18 252.182C255.277 251.985 253.472 252.071 253.634 252.052C252.414 252.106 251.221 252.274 250.028 252.443Z" fill="url(#paint12_linear_110_11263)"/>\n<path d="M185.079 72.5842C186.284 72.3604 187.476 72.1886 188.654 71.8497C188.938 71.7492 189.919 71.585 190 71.2208C192.11 67.1585 189.53 61.29 186.53 58.4945C182.265 54.5444 176.698 55.2729 171.373 56.3281C170.38 56.5443 169.338 56.7494 168.372 57.0807C168.422 57.0919 167.245 57.4308 167.895 57.5752C167.895 57.5752 169.633 57.5 170.133 57.4906C170.633 57.4812 171.98 57.6095 172.319 57.7393C173.108 57.9691 173.835 58.2398 174.527 58.6665C176.1 59.6165 177.481 60.9605 178.431 62.5909C180.149 65.4839 181.602 69.5735 179.928 72.859C179.832 73.056 181.636 72.9656 181.474 72.9843C182.694 72.9277 183.887 72.7559 185.079 72.5842Z" fill="url(#paint13_linear_110_11263)"/>\n<g filter="url(#filter6_f_110_11263)">\n<path d="M148.88 145.5C149.889 146.75 148.88 147.548 148.88 147.548L146 161.048L137 185.779C137 185.779 145.38 184.048 150.5 174.779C154.131 168.207 150.159 166.798 147.676 165.917C146.658 165.555 145.89 165.283 146 164.779C146.301 163.408 148.559 163.122 152.964 162.566C154.12 162.42 155.424 162.255 156.88 162.048C158.322 161.841 159.743 161.74 161.104 161.642C166.346 161.266 160.809 160.455 162 154.5C159.5 152 150.02 146.26 148.88 145.5Z" fill="#333357"/>\n</g>\n<path d="M139.754 90.7195C140.699 94.0623 143.407 96.2647 146.254 98.107C150.043 100.726 153.971 102.985 157.887 105.488C161.804 107.99 165.604 110.365 169.393 112.984C169.509 113.112 169.869 113.251 169.986 113.378C168.162 113.172 166.339 112.965 164.4 112.631C157.489 111.456 150.556 110.769 143.485 110.442C141.778 110.363 140.071 110.284 138.364 110.205C136.901 110.138 135.321 109.942 134.068 110.617C133.569 110.839 133.175 111.431 132.909 111.908C131.959 113.941 131.37 116.113 130.908 118.169C130.597 119.621 130.042 121.062 130.218 122.536C130.311 123.151 130.765 123.905 131.231 124.416C135.278 129.368 140.474 133.274 145.542 137.296C148.727 139.765 151.911 142.234 154.98 144.575C155.805 145.224 156.631 145.873 157.328 146.639C154.507 146.875 151.592 146.496 148.677 146.117C145.518 145.726 142.232 145.452 139.028 146.037C137.797 146.224 136.544 146.9 135.768 147.841C134.98 149.027 134.541 150.595 134.229 152.047C133.801 153.371 133.49 154.823 133.062 156.147C132.901 156.995 132.484 158.075 132.567 158.934C132.626 160.281 133.568 161.058 134.51 161.834C135.928 162.878 137.462 164.048 138.88 165.091C140.774 166.401 142.808 167.35 144.713 168.416C142.856 168.941 140.883 169.338 139.026 169.863C135.927 170.82 132.794 172.508 131.068 175.483C130.002 177.388 129.402 179.804 128.813 181.976C128.524 182.94 128.224 184.148 128.051 185.24C128.051 185.24 127.867 186.576 128.261 185.983C130.392 182.172 134.849 180.911 138.807 179.873C141.036 179.243 143.253 178.856 145.493 177.982C147.605 177.225 148.892 175.818 149.841 173.785C149.969 173.669 150.108 173.308 150.258 172.704C151.23 170.183 152.097 167.291 152.465 164.62C152.637 163.528 152.81 162.437 152.379 161.195C151.493 159.199 148.717 158.459 146.812 157.394C146.451 157.255 146.335 157.127 145.975 156.989C147.554 157.184 149.378 157.39 151.085 157.469C154.011 157.605 156.832 157.368 159.455 156.146C160.58 155.587 161.833 154.912 162.494 153.842C163.282 152.657 163.721 151.089 164.16 149.521C164.877 147.232 165.721 144.828 165.706 142.505C165.762 141.286 164.96 140.149 164.146 139.256C163.099 138.108 161.809 136.949 160.635 135.917C158.17 133.726 155.694 131.779 153.218 129.831C149.441 126.968 145.547 123.978 142.024 120.883C144.707 121.007 147.261 121.247 150.06 121.499C153.59 121.784 157.109 122.313 160.628 122.843C163.543 123.222 166.447 123.845 169.501 123.864C172.427 123.999 175.376 123.647 177.998 122.424C178.625 122.087 179.019 121.494 179.285 121.017C180.235 118.984 180.824 116.812 181.285 114.756C181.747 112.7 182.58 110.54 181.207 108.521C180.404 107.384 178.859 106.457 177.801 105.553C176.383 104.51 174.965 103.467 173.431 102.296C170.595 100.21 167.747 98.3679 164.773 96.6419C160.241 94.2329 155.964 91.5914 151.815 88.8336C148.491 86.7248 144.076 84.4434 143.037 80.4854C142.944 79.8701 142.577 80.8237 142.577 80.8237C142.577 80.8237 141.578 82.9838 141.289 83.948C140.861 85.2722 140.452 86.8059 140.452 86.8059C140.452 86.8059 139.544 89.9766 139.754 90.7195Z" fill="url(#paint14_linear_110_11263)"/>\n<path d="M158.5 148L157.5 146.5C157.5 146.5 151.742 146.206 148.827 145.826C145.669 145.436 142.382 145.162 139.178 145.747C137.948 145.934 136.695 146.609 135.918 147.551C135.13 148.736 134.691 150.305 134.379 151.756C133.952 153.081 133.64 154.532 133.212 155.857C133.062 156.461 132.901 157.309 132.867 158.04C135.801 155.366 145.277 156.537 145.277 156.537C145.277 156.537 146.459 156.697 146.729 156.848C147 157 148.5 157 148.5 157C148.5 157 149.793 157.421 151.5 157.5C154.426 157.635 157.377 157.223 160 156C161.125 155.441 162.227 154.633 162.888 153.564C162.76 153.68 158.5 148 158.5 148Z" fill="url(#paint15_linear_110_11263)"/>\n<path d="M169.756 113.135C167.933 112.928 166.11 112.722 164.415 112.399C157.505 111.224 150.573 110.537 143.502 110.21C141.795 110.131 140.089 110.052 138.382 109.973C136.919 109.905 135.34 109.71 134.087 110.386C133.588 110.607 133.194 111.2 132.928 111.676C131.978 113.71 131.389 115.882 130.928 117.938C130.616 119.39 130.061 120.831 130.237 122.306L130.642 121.469C130.642 121.469 132.822 119.248 141.914 120.768C144.596 120.892 147.151 121.133 149.949 121.384C153.479 121.67 156.998 122.199 160.516 122.728C163.431 123.107 166.334 123.731 169.387 123.75C172.313 123.885 175.262 123.532 177.884 122.309C178.255 122.204 178.51 121.972 178.649 121.612C178.533 121.484 178.612 119.777 169.756 113.135Z" fill="url(#paint16_linear_110_11263)"/>\n<path d="M152.614 164.732C152.741 164.616 152.625 164.488 152.753 164.372C150.377 168.172 144.735 168.644 144.735 168.644C142.878 169.169 140.904 169.567 139.047 170.092C135.948 171.048 132.816 172.736 131.09 175.711C130.024 177.617 129.424 180.033 128.834 182.205C128.545 183.169 128.245 184.377 128.072 185.469C128.072 185.469 127.888 186.804 128.282 186.212C130.414 182.4 134.871 181.14 138.829 180.101C141.057 179.471 143.275 179.085 145.514 178.211C147.627 177.453 148.913 176.047 149.863 174.013C149.99 173.897 150.129 173.537 150.279 172.933C151.379 170.296 152.246 167.403 152.614 164.732Z" fill="url(#paint17_linear_110_11263)"/>\n<g opacity="0.9" filter="url(#filter7_f_110_11263)">\n<path d="M188.22 174.616C188.061 174.575 187.903 174.534 187.746 174.494C184.158 173.574 181.208 172.818 179.5 172.866C158.599 173.454 159.309 195.426 159.486 200.919C159.491 201.083 159.496 201.232 159.5 201.366C159.537 202.667 160.148 201.768 161.491 199.793C164.906 194.773 173.051 182.8 188.5 182.366C190.113 182.32 192.05 182.409 194.197 182.531L189.08 176.276L188.22 174.616Z" fill="#262646"/>\n</g>\n<path d="M223.434 164.426C221.661 158.871 219.703 153.102 218.858 147.218C218.562 144.587 218.864 142.003 220.047 139.688C221.223 137.473 222.759 135.787 225.261 134.578C228.161 133.4 233.069 133.482 234.473 133.491C241.866 133.867 249.398 133.752 256.71 131.313C261.336 129.869 265.78 126.905 267.25 122.206C267.396 121.615 267.535 121.124 267.681 120.534C267.804 120.243 262.749 120.751 262.542 120.835C261.322 121.041 257.687 121.359 257.533 122.049C256.852 126.911 251.771 130.326 248.296 131.159C245.435 131.838 240.679 132.37 237.88 132.252C233.777 132.133 230.096 131.745 226.045 132.232C222.701 132.673 219.325 133.513 216.302 134.982C211.621 137.125 208.488 141.294 208.482 146.509C208.563 149.324 209.251 152.086 209.938 154.848C210.702 157.916 211.565 160.993 212.636 163.985C213.193 165.834 214.287 168.527 214.4 170.943C214.573 173.866 213.581 176.296 212.07 176.379C209.247 176.56 206.702 175.759 204.041 175.15C198.444 173.611 192.947 172.078 187.072 171.52C183.284 171.224 179.456 171.427 175.805 171.945C172.154 172.463 168.295 173.064 165.034 175.017C160.183 178.049 157.93 183.791 156.513 189.097C155.08 194.602 154.422 200.469 151.617 205.566C149.043 210.28 144.429 214.133 139.281 215.838C139.074 215.922 138.867 216.006 138.667 215.99C138.767 215.998 137.54 216.304 138.23 216.458C139.02 216.62 139.833 216.483 140.538 216.437C142.855 216.317 145.294 215.905 147.45 215.271C152.79 213.682 157.449 210.534 160.621 205.867C163.901 201.108 164.958 195.272 166.191 189.751C167.325 184.223 169.187 178.35 173.785 174.696C174.645 173.961 175.581 173.532 176.625 173.012C178.818 173.183 180.904 173.446 182.982 173.809C188.71 174.958 194.192 176.689 199.805 178.03C202.565 178.646 205.249 178.956 207.956 178.967C210.771 178.885 213.418 178.389 216.156 178.001C217.882 177.735 219.524 177.261 220.99 176.472C225.686 174.131 224.71 168.638 223.434 164.426Z" fill="url(#paint18_linear_110_11263)"/>\n<path d="M249 131C248.463 131.459 242.815 133.324 242.5 133.5C245 134 253.502 132.568 256.702 131.413C261.328 129.968 265.634 127.496 267.203 122.804C267.349 122.213 267.627 121.232 267.773 120.641C267.896 120.35 262.841 120.858 262.634 120.943C261.414 121.148 257.886 121.375 257.624 122.157C256.883 126.512 253.151 129.217 249 131Z" fill="url(#paint19_linear_110_11263)"/>\n<path d="M166.398 189.667C167.631 184.147 169.463 178.672 173.961 175.011C174.821 174.276 176.701 173.319 176.801 173.327C177.76 172.599 179.011 171.995 179.939 171.666C178.62 171.864 177.93 171.71 175.913 171.853C173.895 171.997 168.403 172.973 165.141 174.925C160.291 177.957 157.922 183.891 156.605 189.204C155.165 194.809 154.514 200.576 151.709 205.674C149.135 210.388 144.621 214.248 139.473 215.953C139.266 216.037 139.058 216.121 138.859 216.106C138.959 216.114 137.731 216.419 138.421 216.573C139.211 216.735 140.024 216.598 140.73 216.553C143.046 216.432 145.486 216.021 147.642 215.387C152.981 213.797 157.648 210.55 160.821 205.883C164.208 201.031 165.066 195.18 166.398 189.667Z" fill="url(#paint20_linear_110_11263)"/>\n<path d="M223.811 163.961C222.038 158.406 220.081 152.637 219.236 146.753C218.939 144.122 219.241 141.538 220.425 139.223C221.601 137.008 223.281 135.527 225.384 134.286C226.419 133.866 228.452 133.523 228.452 133.523C228.452 133.523 226.804 132.501 225.5 132.5C222.754 132.988 219.166 133.508 216.871 134.633C211.868 137.051 208.506 140.869 208.5 146.084C208.581 148.899 208.713 151.815 209.5 154.584C210.264 157.653 211.453 160.969 212.524 163.961C213.824 167.874 215.5 174.584 212.524 176.22C212.37 176.911 211.487 177.945 211.125 178.719C212.245 178.506 215.989 178.096 217.109 177.882C218.835 177.615 220.078 177.111 221.543 176.322C226.064 173.666 225.088 168.173 223.811 163.961Z" fill="url(#paint21_linear_110_11263)"/>\n<path d="M141.203 213.7C118.403 191.2 103.3 166.1 107.5 151L53.6031 275.6C50.5031 282.3 52.0031 290.3 57.2031 295.5L58.7031 297C63.9031 302.2 71.9031 303.7 78.6031 300.6L205 243.5C190.2 248.8 164.403 236.6 141.203 213.7Z" fill="url(#paint22_linear_110_11263)"/>\n<path d="M142.867 211.5C118.167 187.2 106.067 160 116.367 149L112 144C92.3256 163.674 124.974 202.103 138.219 215.2C165.019 241.6 196.367 252.6 208.867 240.5L205.867 238C194.567 247.4 167.067 235.4 142.867 211.5Z" fill="url(#paint23_linear_110_11263)"/>\n<defs>\n<filter id="filter0_b_110_11263" x="28.5559" y="28.634" width="294.888" height="294.889" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feGaussianBlur in="BackgroundImageFix" stdDeviation="1.83987"/>\n<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_110_11263"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_110_11263" result="shape"/>\n</filter>\n<filter id="filter1_f_110_11263" x="35.0227" y="256.457" width="213.982" height="67.1194" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="8.5" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter2_f_110_11263" x="158.698" y="79.4939" width="47.0718" height="41.4954" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter3_f_110_11263" x="285.253" y="279.654" width="29.2119" height="20.2253" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter4_f_110_11263" x="232.058" y="282.549" width="45.7441" height="31.3157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter5_f_110_11263" x="157.001" y="208.5" width="64.499" height="43.6409" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter6_f_110_11263" x="132" y="140.5" width="36.4014" height="50.2791" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<filter id="filter7_f_110_11263" x="149.438" y="162.864" width="54.76" height="49.1123" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_110_11263"/>\n</filter>\n<linearGradient id="paint0_linear_110_11263" x1="76.1565" y1="296.915" x2="194.729" y2="295.368" gradientUnits="userSpaceOnUse">\n<stop stop-color="#3F3F71" stop-opacity="0.91"/>\n<stop offset="0.476193" stop-color="#6464BB" stop-opacity="0.54"/>\n<stop offset="1" stop-color="#6B6BBD" stop-opacity="0.22"/>\n</linearGradient>\n<linearGradient id="paint1_linear_110_11263" x1="264.252" y1="183.521" x2="256.001" y2="171.69" gradientUnits="userSpaceOnUse">\n<stop stop-color="#0BA893"/>\n<stop offset="1" stop-color="#16DCC1"/>\n</linearGradient>\n<linearGradient id="paint2_linear_110_11263" x1="239.5" y1="91.5" x2="253.5" y2="100.5" gradientUnits="userSpaceOnUse">\n<stop offset="0.000451009" stop-color="#0BA893"/>\n<stop offset="1" stop-color="#16DCC1"/>\n</linearGradient>\n<linearGradient id="paint3_linear_110_11263" x1="205.485" y1="103.032" x2="207.255" y2="108.56" gradientUnits="userSpaceOnUse">\n<stop offset="0.411458" stop-color="#FFE300"/>\n<stop offset="1" stop-color="#E2B104"/>\n</linearGradient>\n<linearGradient id="paint4_linear_110_11263" x1="290.123" y1="195.99" x2="290.123" y2="205.295" gradientUnits="userSpaceOnUse">\n<stop stop-color="#E2B104"/>\n<stop offset="1" stop-color="#FFE300"/>\n</linearGradient>\n<linearGradient id="paint5_linear_110_11263" x1="229.837" y1="54.3343" x2="238.073" y2="50.9546" gradientUnits="userSpaceOnUse">\n<stop stop-color="#16DCC1"/>\n<stop offset="1" stop-color="#0BA893"/>\n</linearGradient>\n<linearGradient id="paint6_linear_110_11263" x1="296.197" y1="255.194" x2="302.067" y2="253.194" gradientUnits="userSpaceOnUse">\n<stop stop-color="#16DCC1"/>\n<stop offset="1" stop-color="#0BA893"/>\n</linearGradient>\n<linearGradient id="paint7_linear_110_11263" x1="307.728" y1="128.94" x2="307.728" y2="137.607" gradientUnits="userSpaceOnUse">\n<stop stop-color="#CD2113"/>\n<stop offset="1" stop-color="#EE8279"/>\n</linearGradient>\n<linearGradient id="paint8_linear_110_11263" x1="15.4144" y1="21.2075" x2="85.5572" y2="71.0592" gradientUnits="userSpaceOnUse">\n<stop stop-color="#525296"/>\n<stop offset="1" stop-color="#AEB0F1"/>\n</linearGradient>\n<linearGradient id="paint9_linear_110_11263" x1="55.6398" y1="-16.8368" x2="70.3905" y2="71.7645" gradientUnits="userSpaceOnUse">\n<stop stop-color="#525296"/>\n<stop offset="0.776042" stop-color="#333357"/>\n<stop offset="1" stop-color="#525296"/>\n</linearGradient>\n<linearGradient id="paint10_linear_110_11263" x1="260.705" y1="218.85" x2="166.545" y2="212.913" gradientUnits="userSpaceOnUse">\n<stop offset="0.0113644" stop-color="#FFEF70"/>\n<stop offset="0.520189" stop-color="#FFE300"/>\n<stop offset="0.920038" stop-color="#EAC10B"/>\n</linearGradient>\n<linearGradient id="paint11_linear_110_11263" x1="298" y1="90.5" x2="281.5" y2="75.5" gradientUnits="userSpaceOnUse">\n<stop stop-color="#BD9403"/>\n<stop offset="1" stop-color="#F5D029"/>\n</linearGradient>\n<linearGradient id="paint12_linear_110_11263" x1="255.717" y1="254.223" x2="263.5" y2="272" gradientUnits="userSpaceOnUse">\n<stop stop-color="#EE8279"/>\n<stop offset="1" stop-color="#CD2113"/>\n</linearGradient>\n<linearGradient id="paint13_linear_110_11263" x1="180.351" y1="73.0624" x2="182.31" y2="51.2184" gradientUnits="userSpaceOnUse">\n<stop stop-color="#CD2113"/>\n<stop offset="1" stop-color="#EE8279"/>\n</linearGradient>\n<linearGradient id="paint14_linear_110_11263" x1="172.133" y1="144.217" x2="117" y2="107" gradientUnits="userSpaceOnUse">\n<stop stop-color="#055F53"/>\n<stop offset="1" stop-color="#16DCC1"/>\n</linearGradient>\n<linearGradient id="paint15_linear_110_11263" x1="164.704" y1="152.883" x2="135.213" y2="150.53" gradientUnits="userSpaceOnUse">\n<stop stop-color="#055F53"/>\n<stop offset="1" stop-color="#12C7AE"/>\n</linearGradient>\n<linearGradient id="paint16_linear_110_11263" x1="177.821" y1="118.917" x2="132.138" y2="115.958" gradientUnits="userSpaceOnUse">\n<stop stop-color="#055F53"/>\n<stop offset="1" stop-color="#16DCC1"/>\n</linearGradient>\n<linearGradient id="paint17_linear_110_11263" x1="153.609" y1="165.61" x2="128.887" y2="183.197" gradientUnits="userSpaceOnUse">\n<stop stop-color="#12C7AE"/>\n<stop offset="1" stop-color="#055F53"/>\n</linearGradient>\n<linearGradient id="paint18_linear_110_11263" x1="245.031" y1="171.901" x2="245.53" y2="171.94" gradientUnits="userSpaceOnUse">\n<stop stop-color="#A11409"/>\n<stop offset="1" stop-color="#CD2113"/>\n</linearGradient>\n<linearGradient id="paint19_linear_110_11263" x1="265.073" y1="115.051" x2="248.468" y2="140.596" gradientUnits="userSpaceOnUse">\n<stop stop-color="#F05245"/>\n<stop offset="1" stop-color="#A11409"/>\n</linearGradient>\n<linearGradient id="paint20_linear_110_11263" x1="172.716" y1="173.917" x2="144.836" y2="218.193" gradientUnits="userSpaceOnUse">\n<stop stop-color="#F05245"/>\n<stop offset="1" stop-color="#A11409"/>\n</linearGradient>\n<linearGradient id="paint21_linear_110_11263" x1="219.178" y1="131.796" x2="215.492" y2="179.06" gradientUnits="userSpaceOnUse">\n<stop stop-color="#A11409"/>\n<stop offset="0.526042" stop-color="#F05245"/>\n<stop offset="1" stop-color="#A11409"/>\n</linearGradient>\n<linearGradient id="paint22_linear_110_11263" x1="150.5" y1="278" x2="70" y2="208" gradientUnits="userSpaceOnUse">\n<stop offset="0.0227951" stop-color="#333357"/>\n<stop offset="0.560264" stop-color="#525296"/>\n<stop offset="1" stop-color="#AEB0F1"/>\n</linearGradient>\n<linearGradient id="paint23_linear_110_11263" x1="116.5" y1="161.5" x2="199.831" y2="252.237" gradientUnits="userSpaceOnUse">\n<stop offset="0.09375" stop-color="#525296"/>\n<stop offset="1" stop-color="#AEB0F1"/>\n</linearGradient>\n</defs>\n</svg>\n`;const g='/*! 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  .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  .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-44 {\n    width: calc(0.25rem * 44);\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-dark {\n    background-color: var(--atomic-neutral-dark);\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  .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-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-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-sm {\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-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-1 {\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-primary-light {\n    --tw-ring-color: var(--atomic-primary-light);\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-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: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: "<color>";\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: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\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: "<percentage>";\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: "<percentage>";\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: "<length>";\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: "<percentage>";\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';const u=g;var f=undefined&&undefined.__decorate||function(n,r,t,e){var i=arguments.length,a=i<3?r:e===null?e=Object.getOwnPropertyDescriptor(r,t):e,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(n,r,t,e);else for(var l=n.length-1;l>=0;l--)if(o=n[l])a=(i<3?o(a):i>3?o(r,t,a):o(r,t))||a;return i>3&&a&&Object.defineProperty(r,t,a),a};const b=class{constructor(t){n(this,t);this.feedbackSent=r(this,"feedbackSent",7);this.isOpen=false;this.helpful=false;this.currentAnswer=this.getInitialAnswerState();this.feedbackSubmitted=false;this.answerEvaluationRequired=false;this.formId=l("atomic-generated-answer-feedback-modal-form-");this.updateBreakpoints=s((()=>o(this.host)));this.isAnyAnswerEvaluationUndefined=()=>Object.values(this.currentAnswer).some((n=>n===undefined));this.isOpen=false;this.generatedAnswer=undefined;this.helpful=false;this.error=undefined;this.currentAnswer=this.getInitialAnswerState();this.feedbackSubmitted=false;this.answerEvaluationRequired=false}watchToggleOpen(n){if(n){this.generatedAnswer.openFeedbackModal()}}getInitialAnswerState(){return{documented:undefined,correctTopic:undefined,hallucinationFree:undefined,readable:undefined}}resetState(){this.feedbackSubmitted=false;this.currentAnswer=this.getInitialAnswerState();this.answerEvaluationRequired=false;this.isOpen=false}clearInputRefs(){if(this.detailsInputRef){this.detailsInputRef.value=""}if(this.linkInputRef){this.linkInputRef.value=""}}close(){this.clearInputRefs();this.resetState();this.generatedAnswer.closeFeedbackModal()}setCurrentAnswer(n,r){this.currentAnswer={...this.currentAnswer,[n]:r}}sendFeedback(){const n={...this.currentAnswer,helpful:this.helpful};this.generatedAnswer.sendFeedback(n);this.feedbackSent.emit()}handleSubmit(n){n.preventDefault();if(this.isAnyAnswerEvaluationUndefined()){this.answerEvaluationRequired=true;return}this.feedbackSubmitted=true;this.answerEvaluationRequired=false;this.sendFeedback()}renderHeader(){return t("div",{slot:"header",part:"modal-header",class:"flex w-full items-center justify-between"},t("h1",null,t("span",null,this.bindings.i18n.t("feedback-modal-title")),t("span",{class:"hide ml-0.5"},this.bindings.i18n.t("additional-feedback"))),t(d,{style:"text-transparent",class:"search-clear-button",onClick:()=>this.close(),icon:i,partPrefix:"close",ariaLabel:this.bindings.i18n.t("close")}))}renderFeedbackOption(n,r){const e=["min-w-20","flex","items-center","justify-center","px-3","py-1.5","mr-1","text-neutral-dark"];const i=this.currentAnswer[r]===n;if(i){e.push("active")}return t(h,{key:String(r),groupName:this.bindings.i18n.t(r),style:"outline-neutral",checked:i,"aria-checked":i,onChecked:()=>{this.setCurrentAnswer(r,n)},class:e.join(" "),text:this.bindings.i18n.t(n)})}renderAnswerEvaluation(n,r){const e=["text-error-red","text-sm","hidden"];const i=this.answerEvaluationRequired&&this.currentAnswer[r]===undefined;if(i){e.push("required")}return t("div",{class:"block"},t("div",{class:"flex"},t("label",{class:"text-base"},this.bindings.i18n.t(n),t("span",{class:"text-error-red ml-0.5"},"*"))),t("span",{class:e.join(" ")},this.bindings.i18n.t("required-fields-error")))}renderOptions(){return t("fieldset",null,t("legend",{class:"font-bold"},this.bindings.i18n.t("answer-evaluation")),b.options.map((({localeKey:n,correspondingAnswer:r})=>t(m,{label:this.bindings.i18n.t(n)},t("div",{class:`answer-evaluation mt-3 flex items-center justify-between ${String(r)}`,key:String(r)},this.renderAnswerEvaluation(n,r),t("div",{class:"options flex text-base","aria-label":this.bindings.i18n.t(n)},this.renderFeedbackOption("yes",r),this.renderFeedbackOption("unknown",r),this.renderFeedbackOption("no",r)))))))}renderLinkToCorrectAnswerField(){return t("fieldset",null,t("legend",{class:"font-bold"},this.bindings.i18n.t("generated-answer-feedback-link")),t("input",{type:"text",ref:n=>this.linkInputRef=n,placeholder:"https://URL",class:"input-primary placeholder-neutral-dark mt-4 h-9 w-full rounded-md px-4",onChange:n=>this.setCurrentAnswer("documentUrl",n.currentTarget.value)}))}renderAddNotesField(){return t("fieldset",null,t("legend",{class:"mt-8 font-bold"},this.bindings.i18n.t("generated-answer-additional-notes")),t("textarea",{name:"answer-details",ref:n=>this.detailsInputRef=n,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:n=>this.setCurrentAnswer("details",n.currentTarget.value)}))}renderFeedbackForm(){return t("form",{part:"form",id:this.formId,slot:"body",onSubmit:n=>this.handleSubmit(n),class:"flex flex-col gap-8 leading-4"},this.renderOptions(),this.renderLinkToCorrectAnswerField(),this.renderAddNotesField())}renderSuccessMessage(){return t("div",{slot:"body",class:"my-4 flex flex-col items-center gap-4"},t("atomic-icon",{icon:w,class:"w-48"}),t("p",{class:"text-base"},this.bindings.i18n.t("generated-answer-feedback-success")))}renderBody(){if(!this.feedbackSubmitted){return this.renderFeedbackForm()}else{return this.renderSuccessMessage()}}renderFeedbackFormFooter(){const n="flex items-center justify-center text-sm leading-4 p-2 rounded-md";return t("div",{slot:"footer",part:"modal-footer"},t("div",{class:"flex items-center justify-between"},t("div",{class:"required-label text-base"},t("span",{class:"text-error mr-0.5"},"*"),this.bindings.i18n.t("required-fields")),t("div",{class:"flex gap-2"},t(p,{part:"cancel-button",style:"outline-primary",class:n,ariaLabel:this.bindings.i18n.t("skip"),onClick:()=>this.close()},this.bindings.i18n.t("skip")),t(p,{part:"submit-button",style:"primary",type:"submit",form:this.formId,class:n,ariaLabel:this.bindings.i18n.t("generated-answer-send-feedback")},this.bindings.i18n.t("generated-answer-send-feedback")))))}renderSuccessFormFooter(){return t("div",{slot:"footer"},t("div",{class:"flex justify-end gap-2 p-2"},t(p,{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"))))}renderFooter(){if(!this.feedbackSubmitted){return this.renderFeedbackFormFooter()}else{return this.renderSuccessFormFooter()}}render(){this.updateBreakpoints();return t("atomic-modal",{key:"71fb7ec402c53f74248ecd28bcf41aca1e555608",fullscreen:false,isOpen:this.isOpen,close:()=>this.close(),container:this.host,part:"generated-answer-feedback-modal",exportparts:c},this.renderHeader(),this.renderBody(),this.renderFooter())}get host(){return e(this)}static get watchers(){return{isOpen:["watchToggleOpen"]}}};b.options=[{localeKey:"feedback-correct-topic",correspondingAnswer:"correctTopic"},{localeKey:"feedback-hallucination-free",correspondingAnswer:"hallucinationFree"},{localeKey:"feedback-documented",correspondingAnswer:"documented"},{localeKey:"feedback-readable",correspondingAnswer:"readable"}];f([a()],b.prototype,"bindings",void 0);b.style=u;export{b as atomic_generated_answer_feedback_modal};
-//# sourceMappingURL=p-76c14d82.entry.js.map

package/dist/atomic/p-76c14d82.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicGeneratedAnswerFeedbackModalCss","AtomicGeneratedAnswerFeedbackModalStyle0","AtomicGeneratedAnswerFeedbackModal","this","isOpen","helpful","currentAnswer","getInitialAnswerState","feedbackSubmitted","answerEvaluationRequired","formId","randomID","updateBreakpoints","once","host","isAnyAnswerEvaluationUndefined","Object","values","some","value","undefined","watchToggleOpen","generatedAnswer","openFeedbackModal","documented","correctTopic","hallucinationFree","readable","resetState","clearInputRefs","detailsInputRef","linkInputRef","close","closeFeedbackModal","setCurrentAnswer","key","sendFeedback","feedback","feedbackSent","emit","handleSubmit","e","preventDefault","renderHeader","h","slot","part","class","bindings","i18n","t","IconButton","style","onClick","icon","CloseIcon","partPrefix","ariaLabel","renderFeedbackOption","option","correspondingAnswer","buttonClasses","isSelected","push","RadioButton","String","groupName","checked","onChecked","join","text","renderAnswerEvaluation","label","labelClasses","isRequired","renderOptions","options","map","localeKey","FieldsetGroup","renderLinkToCorrectAnswerField","type","ref","placeholder","onChange","currentTarget","renderAddNotesField","name","detailsInput","rows","renderFeedbackForm","id","onSubmit","renderSuccessMessage","Success","renderBody","renderFeedbackFormFooter","Button","form","renderSuccessFormFooter","renderFooter","render","fullscreen","container","exportparts","ATOMIC_MODAL_EXPORT_PARTS","__decorate","InitializeBindings"],"sources":["src/components/common/generated-answer/atomic-generated-answer-feedback/atomic-generated-answer-feedback-modal.pcss?tag=atomic-generated-answer-feedback-modal&encapsulation=shadow","src/components/common/generated-answer/atomic-generated-answer-feedback/atomic-generated-answer-feedback-modal.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\n@utility mobile-feedback-modal {\n  &::part(container) {\n    @apply w-auto min-w-full;\n  }\n\n  &::part(header),\n  &::part(body),\n  &::part(footer) {\n    @apply max-w-full;\n  }\n  [part='buttons'] {\n    .required-label {\n      @apply text-sm;\n    }\n  }\n  [part='form'] {\n    .answer-evaluation {\n      @apply block;\n    }\n\n    .options {\n      @apply mt-2;\n    }\n  }\n  [part='modal-header'] {\n    .hide {\n      @apply hidden;\n    }\n  }\n}\n\n[part='generated-answer-feedback-modal'] {\n  &::part(container) {\n    @apply min-w-170;\n  }\n\n  &::part(header),\n  &::part(body),\n  &::part(footer) {\n    @apply max-w-170;\n  }\n\n  @media not all and (width >= theme(--breakpoint-desktop)) {\n    @apply mobile-feedback-modal;\n  }\n}\n\n[part='form'] {\n  .active {\n    @apply border-primary-light text-primary-light bg-primary-background;\n  }\n  .text-error-red {\n    @apply text-inline-code;\n  }\n  .required {\n    @apply flex;\n  }\n}\n","import {\n  GeneratedAnswer,\n  GeneratedAnswerFeedback,\n  GeneratedAnswerFeedbackOption,\n} from '@coveo/headless';\nimport {\n  Component,\n  State,\n  h,\n  Watch,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n} from '@stencil/core/internal';\nimport CloseIcon from '../../../../images/close.svg';\nimport Success from '../../../../images/success.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {updateBreakpoints} from '../../../../utils/replace-breakpoint-utils';\nimport {once, randomID} from '../../../../utils/utils';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../../atomic-modal/export-parts';\nimport {IconButton} from '../../stencil-iconButton';\nimport {AnyBindings} from '../../interface/bindings';\nimport {Button} from '../../stencil-button';\nimport {FieldsetGroup} from '../../stencil-fieldset-group';\nimport {RadioButton} from '../../stencil-radio-button';\n\n/**\n * Internal component, only to use through `atomic-generated-answer` or `atomic-insight-generated-answer`\n */\n@Component({\n  tag: 'atomic-generated-answer-feedback-modal',\n  styleUrl: 'atomic-generated-answer-feedback-modal.pcss',\n  shadow: true,\n})\nexport class AtomicGeneratedAnswerFeedbackModal\n  implements InitializableComponent<AnyBindings>\n{\n  @InitializeBindings() public bindings!: AnyBindings;\n  @Element() public host!: HTMLElement;\n\n  /**\n   * Indicates whether the modal is open.\n   */\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n  /**\n   * A `GeneratedAnswer` controller instance. It is used when the user interacts with the modal.\n   */\n  @Prop({reflect: true, mutable: true}) generatedAnswer!: GeneratedAnswer;\n  /**\n   * Indicates whether the answer was helpful or not.\n   */\n  @Prop({reflect: true, mutable: true}) helpful = false;\n\n  @State() public error!: Error;\n  @State() private currentAnswer: Partial<GeneratedAnswerFeedback> =\n    this.getInitialAnswerState();\n  @State() feedbackSubmitted: boolean = false;\n  @State() answerEvaluationRequired: boolean = false;\n\n  private readonly formId = randomID(\n    'atomic-generated-answer-feedback-modal-form-'\n  );\n  private detailsInputRef?: HTMLTextAreaElement;\n\n  private linkInputRef?: HTMLInputElement;\n\n  @Event() feedbackSent!: EventEmitter;\n\n  @Watch('isOpen')\n  watchToggleOpen(isOpen: boolean) {\n    if (isOpen) {\n      this.generatedAnswer.openFeedbackModal();\n    }\n  }\n\n  private static options: {\n    localeKey: string;\n    correspondingAnswer: keyof GeneratedAnswerFeedback;\n  }[] = [\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\n  private getInitialAnswerState(): Partial<GeneratedAnswerFeedback> {\n    return {\n      documented: undefined,\n      correctTopic: undefined,\n      hallucinationFree: undefined,\n      readable: undefined,\n    };\n  }\n\n  private resetState() {\n    this.feedbackSubmitted = false;\n    this.currentAnswer = this.getInitialAnswerState();\n    this.answerEvaluationRequired = false;\n    this.isOpen = false;\n  }\n\n  private clearInputRefs() {\n    if (this.detailsInputRef) {\n      this.detailsInputRef.value = '';\n    }\n    if (this.linkInputRef) {\n      this.linkInputRef.value = '';\n    }\n  }\n\n  private close() {\n    this.clearInputRefs();\n    this.resetState();\n    this.generatedAnswer.closeFeedbackModal();\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private setCurrentAnswer(\n    key: keyof GeneratedAnswerFeedback,\n    value: GeneratedAnswerFeedbackOption | string\n  ) {\n    this.currentAnswer = {\n      ...this.currentAnswer,\n      [key]: value,\n    };\n  }\n\n  public sendFeedback() {\n    const feedback: GeneratedAnswerFeedback = {\n      ...(this.currentAnswer as GeneratedAnswerFeedback),\n      helpful: this.helpful,\n    };\n    this.generatedAnswer.sendFeedback(feedback);\n    this.feedbackSent.emit();\n  }\n\n  private isAnyAnswerEvaluationUndefined = () => {\n    return Object.values(this.currentAnswer).some(\n      (value) => value === undefined\n    );\n  };\n\n  private handleSubmit(e: Event) {\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\n  private renderHeader() {\n    return (\n      <div\n        slot=\"header\"\n        part=\"modal-header\"\n        class=\"flex w-full items-center justify-between\"\n      >\n        <h1>\n          <span>{this.bindings.i18n.t('feedback-modal-title')}</span>\n          <span class=\"hide ml-0.5\">\n            {this.bindings.i18n.t('additional-feedback')}\n          </span>\n        </h1>\n        <IconButton\n          style=\"text-transparent\"\n          class=\"search-clear-button\"\n          onClick={() => this.close()}\n          icon={CloseIcon}\n          partPrefix={'close'}\n          ariaLabel={this.bindings.i18n.t('close')}\n        />\n      </div>\n    );\n  }\n\n  private renderFeedbackOption(\n    option: GeneratedAnswerFeedbackOption,\n    correspondingAnswer: keyof GeneratedAnswerFeedback\n  ) {\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\n    if (isSelected) {\n      buttonClasses.push('active');\n    }\n    return (\n      <RadioButton\n        key={String(correspondingAnswer)}\n        groupName={this.bindings.i18n.t(correspondingAnswer)}\n        style=\"outline-neutral\"\n        checked={isSelected}\n        aria-checked={isSelected}\n        onChecked={() => {\n          this.setCurrentAnswer(correspondingAnswer, option);\n        }}\n        class={buttonClasses.join(' ')}\n        text={this.bindings.i18n.t(option)}\n      ></RadioButton>\n    );\n  }\n\n  private renderAnswerEvaluation(\n    label: string,\n    correspondingAnswer: keyof GeneratedAnswerFeedback\n  ) {\n    const labelClasses = ['text-error-red', 'text-sm', 'hidden'];\n    const isRequired =\n      this.answerEvaluationRequired &&\n      this.currentAnswer[correspondingAnswer] === undefined;\n    if (isRequired) {\n      labelClasses.push('required');\n    }\n    return (\n      <div class=\"block\">\n        <div class=\"flex\">\n          <label class=\"text-base\">\n            {this.bindings.i18n.t(label)}\n            <span class=\"text-error-red ml-0.5\">*</span>\n          </label>\n        </div>\n        <span class={labelClasses.join(' ')}>\n          {this.bindings.i18n.t('required-fields-error')}\n        </span>\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    return (\n      <fieldset>\n        <legend class=\"font-bold\">\n          {this.bindings.i18n.t('answer-evaluation')}\n        </legend>\n        {AtomicGeneratedAnswerFeedbackModal.options.map(\n          ({localeKey, correspondingAnswer}) => (\n            <FieldsetGroup label={this.bindings.i18n.t(localeKey)}>\n              <div\n                class={`answer-evaluation mt-3 flex items-center justify-between ${String(correspondingAnswer)}`}\n                key={String(correspondingAnswer)}\n              >\n                {this.renderAnswerEvaluation(localeKey, correspondingAnswer)}\n                <div\n                  class=\"options flex text-base\"\n                  aria-label={this.bindings.i18n.t(localeKey)}\n                >\n                  {this.renderFeedbackOption('yes', correspondingAnswer)}\n                  {this.renderFeedbackOption('unknown', correspondingAnswer)}\n                  {this.renderFeedbackOption('no', correspondingAnswer)}\n                </div>\n              </div>\n            </FieldsetGroup>\n          )\n        )}\n      </fieldset>\n    );\n  }\n\n  private renderLinkToCorrectAnswerField() {\n    return (\n      <fieldset>\n        <legend class=\"font-bold\">\n          {this.bindings.i18n.t('generated-answer-feedback-link')}\n        </legend>\n        <input\n          type=\"text\"\n          ref={(linkInputRef) => (this.linkInputRef = linkInputRef)}\n          placeholder=\"https://URL\"\n          class=\"input-primary placeholder-neutral-dark mt-4 h-9 w-full rounded-md px-4\"\n          onChange={(e) =>\n            this.setCurrentAnswer(\n              'documentUrl',\n              (e.currentTarget as HTMLInputElement).value\n            )\n          }\n        />\n      </fieldset>\n    );\n  }\n\n  private renderAddNotesField() {\n    return (\n      <fieldset>\n        <legend class=\"mt-8 font-bold\">\n          {this.bindings.i18n.t('generated-answer-additional-notes')}\n        </legend>\n        <textarea\n          name=\"answer-details\"\n          ref={(detailsInput) => (this.detailsInputRef = detailsInput)}\n          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\"\n          rows={4}\n          placeholder={this.bindings.i18n.t('add-notes')}\n          onChange={(e) =>\n            this.setCurrentAnswer(\n              'details',\n              (e.currentTarget as HTMLTextAreaElement).value\n            )\n          }\n        ></textarea>\n      </fieldset>\n    );\n  }\n\n  private renderFeedbackForm() {\n    return (\n      <form\n        part=\"form\"\n        id={this.formId}\n        slot=\"body\"\n        onSubmit={(e) => this.handleSubmit(e)}\n        class=\"flex flex-col gap-8 leading-4\"\n      >\n        {this.renderOptions()}\n        {this.renderLinkToCorrectAnswerField()}\n        {this.renderAddNotesField()}\n      </form>\n    );\n  }\n\n  private renderSuccessMessage() {\n    return (\n      <div slot=\"body\" class=\"my-4 flex flex-col items-center gap-4\">\n        <atomic-icon icon={Success} class=\"w-48\" />\n        <p class=\"text-base\">\n          {this.bindings.i18n.t('generated-answer-feedback-success')}\n        </p>\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.feedbackSubmitted) {\n      return this.renderFeedbackForm();\n    } else {\n      return this.renderSuccessMessage();\n    }\n  }\n\n  private renderFeedbackFormFooter() {\n    const buttonClasses =\n      'flex items-center justify-center text-sm leading-4 p-2 rounded-md';\n\n    return (\n      <div slot=\"footer\" part=\"modal-footer\">\n        <div class=\"flex items-center justify-between\">\n          <div class=\"required-label text-base\">\n            <span class=\"text-error mr-0.5\">*</span>\n            {this.bindings.i18n.t('required-fields')}\n          </div>\n          <div class=\"flex gap-2\">\n            <Button\n              part=\"cancel-button\"\n              style=\"outline-primary\"\n              class={buttonClasses}\n              ariaLabel={this.bindings.i18n.t('skip')}\n              onClick={() => this.close()}\n            >\n              {this.bindings.i18n.t('skip')}\n            </Button>\n            <Button\n              part=\"submit-button\"\n              style=\"primary\"\n              type=\"submit\"\n              form={this.formId}\n              class={buttonClasses}\n              ariaLabel={this.bindings.i18n.t('generated-answer-send-feedback')}\n            >\n              {this.bindings.i18n.t('generated-answer-send-feedback')}\n            </Button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderSuccessFormFooter() {\n    return (\n      <div slot=\"footer\">\n        <div class=\"flex justify-end gap-2 p-2\">\n          <Button\n            part=\"cancel-button\"\n            style=\"primary\"\n            onClick={() => this.close()}\n            class=\"flex justify-center p-2 text-sm leading-4\"\n            ariaLabel={this.bindings.i18n.t('modal-done')}\n          >\n            {this.bindings.i18n.t('modal-done')}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderFooter() {\n    if (!this.feedbackSubmitted) {\n      return this.renderFeedbackFormFooter();\n    } else {\n      return this.renderSuccessFormFooter();\n    }\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    return (\n      <atomic-modal\n        fullscreen={false}\n        isOpen={this.isOpen}\n        close={() => this.close()}\n        container={this.host}\n        part=\"generated-answer-feedback-modal\"\n        exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      >\n        {this.renderHeader()}\n        {this.renderBody()}\n        {this.renderFooter()}\n      </atomic-modal>\n    );\n  }\n}\n"],"mappings":"+6zBAAA,MAAMA,EAAwC,0jnEAC9C,MAAAC,EAAeD,E,iXCqCFE,EAAkC,M,oEASPC,KAAAC,OAAS,MAQTD,KAAAE,QAAU,MAG/BF,KAAAG,cACfH,KAAKI,wBACEJ,KAAAK,kBAA6B,MAC7BL,KAAAM,yBAAoC,MAE5BN,KAAAO,OAASC,EACxB,gDAoEMR,KAAAS,kBAAoBC,GAAK,IAAMD,EAAkBT,KAAKW,QAqBtDX,KAAAY,+BAAiC,IAChCC,OAAOC,OAAOd,KAAKG,eAAeY,MACtCC,GAAUA,IAAUC,Y,YA5GsB,M,4CAQC,M,wCAI9CjB,KAAKI,wB,uBAC+B,M,8BACO,K,CAY7C,eAAAc,CAAgBjB,GACd,GAAIA,EAAQ,CACVD,KAAKmB,gBAAgBC,mB,EA0BjB,qBAAAhB,GACN,MAAO,CACLiB,WAAYJ,UACZK,aAAcL,UACdM,kBAAmBN,UACnBO,SAAUP,U,CAIN,UAAAQ,GACNzB,KAAKK,kBAAoB,MACzBL,KAAKG,cAAgBH,KAAKI,wBAC1BJ,KAAKM,yBAA2B,MAChCN,KAAKC,OAAS,K,CAGR,cAAAyB,GACN,GAAI1B,KAAK2B,gBAAiB,CACxB3B,KAAK2B,gBAAgBX,MAAQ,E,CAE/B,GAAIhB,KAAK4B,aAAc,CACrB5B,KAAK4B,aAAaZ,MAAQ,E,EAItB,KAAAa,GACN7B,KAAK0B,iBACL1B,KAAKyB,aACLzB,KAAKmB,gBAAgBW,oB,CAKf,gBAAAC,CACNC,EACAhB,GAEAhB,KAAKG,cAAgB,IAChBH,KAAKG,cACR6B,CAACA,GAAMhB,E,CAIJ,YAAAiB,GACL,MAAMC,EAAoC,IACpClC,KAAKG,cACTD,QAASF,KAAKE,SAEhBF,KAAKmB,gBAAgBc,aAAaC,GAClClC,KAAKmC,aAAaC,M,CASZ,YAAAC,CAAaC,GACnBA,EAAEC,iBACF,GAAIvC,KAAKY,iCAAkC,CACzCZ,KAAKM,yBAA2B,KAChC,M,CAEFN,KAAKK,kBAAoB,KACzBL,KAAKM,yBAA2B,MAChCN,KAAKiC,c,CAGC,YAAAO,GACN,OACEC,EAAA,OACEC,KAAK,SACLC,KAAK,eACLC,MAAM,4CAENH,EAAA,UACEA,EAAA,YAAOzC,KAAK6C,SAASC,KAAKC,EAAE,yBAC5BN,EAAA,QAAMG,MAAM,eACT5C,KAAK6C,SAASC,KAAKC,EAAE,yBAG1BN,EAACO,EAAU,CACTC,MAAM,mBACNL,MAAM,sBACNM,QAAS,IAAMlD,KAAK6B,QACpBsB,KAAMC,EACNC,WAAY,QACZC,UAAWtD,KAAK6C,SAASC,KAAKC,EAAE,W,CAMhC,oBAAAQ,CACNC,EACAC,GAEA,MAAMC,EAAgB,CACpB,WACA,OACA,eACA,iBACA,OACA,SACA,OACA,qBAEF,MAAMC,EAAa3D,KAAKG,cAAcsD,KAAyBD,EAE/D,GAAIG,EAAY,CACdD,EAAcE,KAAK,S,CAErB,OACEnB,EAACoB,EAAW,CACV7B,IAAK8B,OAAOL,GACZM,UAAW/D,KAAK6C,SAASC,KAAKC,EAAEU,GAChCR,MAAM,kBACNe,QAASL,EAAU,eACLA,EACdM,UAAW,KACTjE,KAAK+B,iBAAiB0B,EAAqBD,EAAO,EAEpDZ,MAAOc,EAAcQ,KAAK,KAC1BC,KAAMnE,KAAK6C,SAASC,KAAKC,EAAES,I,CAKzB,sBAAAY,CACNC,EACAZ,GAEA,MAAMa,EAAe,CAAC,iBAAkB,UAAW,UACnD,MAAMC,EACJvE,KAAKM,0BACLN,KAAKG,cAAcsD,KAAyBxC,UAC9C,GAAIsD,EAAY,CACdD,EAAaV,KAAK,W,CAEpB,OACEnB,EAAA,OAAKG,MAAM,SACTH,EAAA,OAAKG,MAAM,QACTH,EAAA,SAAOG,MAAM,aACV5C,KAAK6C,SAASC,KAAKC,EAAEsB,GACtB5B,EAAA,QAAMG,MAAM,yBAAuB,OAGvCH,EAAA,QAAMG,MAAO0B,EAAaJ,KAAK,MAC5BlE,KAAK6C,SAASC,KAAKC,EAAE,0B,CAMtB,aAAAyB,GACN,OACE/B,EAAA,gBACEA,EAAA,UAAQG,MAAM,aACX5C,KAAK6C,SAASC,KAAKC,EAAE,sBAEvBhD,EAAmC0E,QAAQC,KAC1C,EAAEC,YAAWlB,yBACXhB,EAACmC,EAAa,CAACP,MAAOrE,KAAK6C,SAASC,KAAKC,EAAE4B,IACzClC,EAAA,OACEG,MAAO,4DAA4DkB,OAAOL,KAC1EzB,IAAK8B,OAAOL,IAEXzD,KAAKoE,uBAAuBO,EAAWlB,GACxChB,EAAA,OACEG,MAAM,yBAAwB,aAClB5C,KAAK6C,SAASC,KAAKC,EAAE4B,IAEhC3E,KAAKuD,qBAAqB,MAAOE,GACjCzD,KAAKuD,qBAAqB,UAAWE,GACrCzD,KAAKuD,qBAAqB,KAAME,Q,CAUzC,8BAAAoB,GACN,OACEpC,EAAA,gBACEA,EAAA,UAAQG,MAAM,aACX5C,KAAK6C,SAASC,KAAKC,EAAE,mCAExBN,EAAA,SACEqC,KAAK,OACLC,IAAMnD,GAAkB5B,KAAK4B,aAAeA,EAC5CoD,YAAY,cACZpC,MAAM,yEACNqC,SAAW3C,GACTtC,KAAK+B,iBACH,cACCO,EAAE4C,cAAmClE,S,CAQ1C,mBAAAmE,GACN,OACE1C,EAAA,gBACEA,EAAA,UAAQG,MAAM,kBACX5C,KAAK6C,SAASC,KAAKC,EAAE,sCAExBN,EAAA,YACE2C,KAAK,iBACLL,IAAMM,GAAkBrF,KAAK2B,gBAAkB0D,EAC/CzC,MAAM,0MACN0C,KAAM,EACNN,YAAahF,KAAK6C,SAASC,KAAKC,EAAE,aAClCkC,SAAW3C,GACTtC,KAAK+B,iBACH,UACCO,EAAE4C,cAAsClE,S,CAQ7C,kBAAAuE,GACN,OACE9C,EAAA,QACEE,KAAK,OACL6C,GAAIxF,KAAKO,OACTmC,KAAK,OACL+C,SAAWnD,GAAMtC,KAAKqC,aAAaC,GACnCM,MAAM,iCAEL5C,KAAKwE,gBACLxE,KAAK6E,iCACL7E,KAAKmF,sB,CAKJ,oBAAAO,GACN,OACEjD,EAAA,OAAKC,KAAK,OAAOE,MAAM,yCACrBH,EAAA,eAAaU,KAAMwC,EAAS/C,MAAM,SAClCH,EAAA,KAAGG,MAAM,aACN5C,KAAK6C,SAASC,KAAKC,EAAE,sC,CAMtB,UAAA6C,GACN,IAAK5F,KAAKK,kBAAmB,CAC3B,OAAOL,KAAKuF,oB,KACP,CACL,OAAOvF,KAAK0F,sB,EAIR,wBAAAG,GACN,MAAMnC,EACJ,oEAEF,OACEjB,EAAA,OAAKC,KAAK,SAASC,KAAK,gBACtBF,EAAA,OAAKG,MAAM,qCACTH,EAAA,OAAKG,MAAM,4BACTH,EAAA,QAAMG,MAAM,qBAAmB,KAC9B5C,KAAK6C,SAASC,KAAKC,EAAE,oBAExBN,EAAA,OAAKG,MAAM,cACTH,EAACqD,EAAM,CACLnD,KAAK,gBACLM,MAAM,kBACNL,MAAOc,EACPJ,UAAWtD,KAAK6C,SAASC,KAAKC,EAAE,QAChCG,QAAS,IAAMlD,KAAK6B,SAEnB7B,KAAK6C,SAASC,KAAKC,EAAE,SAExBN,EAACqD,EAAM,CACLnD,KAAK,gBACLM,MAAM,UACN6B,KAAK,SACLiB,KAAM/F,KAAKO,OACXqC,MAAOc,EACPJ,UAAWtD,KAAK6C,SAASC,KAAKC,EAAE,mCAE/B/C,KAAK6C,SAASC,KAAKC,EAAE,qC,CAQ1B,uBAAAiD,GACN,OACEvD,EAAA,OAAKC,KAAK,UACRD,EAAA,OAAKG,MAAM,8BACTH,EAACqD,EAAM,CACLnD,KAAK,gBACLM,MAAM,UACNC,QAAS,IAAMlD,KAAK6B,QACpBe,MAAM,4CACNU,UAAWtD,KAAK6C,SAASC,KAAKC,EAAE,eAE/B/C,KAAK6C,SAASC,KAAKC,EAAE,gB,CAOxB,YAAAkD,GACN,IAAKjG,KAAKK,kBAAmB,CAC3B,OAAOL,KAAK6F,0B,KACP,CACL,OAAO7F,KAAKgG,yB,EAIT,MAAAE,GACLlG,KAAKS,oBAEL,OACEgC,EAAA,gBAAAT,IAAA,2CACEmE,WAAY,MACZlG,OAAQD,KAAKC,OACb4B,MAAO,IAAM7B,KAAK6B,QAClBuE,UAAWpG,KAAKW,KAChBgC,KAAK,kCACL0D,YAAaC,GAEZtG,KAAKwC,eACLxC,KAAK4F,aACL5F,KAAKiG,e,sFA5WGlG,EAAA0E,QAGT,CACJ,CACEE,UAAW,yBACXlB,oBAAqB,gBAEvB,CACEkB,UAAW,8BACXlB,oBAAqB,qBAEvB,CACEkB,UAAW,sBACXlB,oBAAqB,cAEvB,CACEkB,UAAW,oBACXlB,oBAAqB,aAxDI8C,EAAA,CAA5BC,K","ignoreList":[]}