@coveo/atomic-react 3.11.2 → 3.11.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/atomic-react.cjs +658 -298
- package/dist/cjs/atomic-react.cjs.map +1 -1
- package/dist/cjs/commerce/atomic-react.cjs +12 -7
- package/dist/cjs/commerce/atomic-react.cjs.map +1 -1
- package/dist/cjs/recommendation/atomic-react.cjs +658 -298
- package/dist/cjs/recommendation/atomic-react.cjs.map +1 -1
- package/dist/lang/cs.json +1 -1
- package/dist/lang/da.json +1 -1
- package/dist/lang/de.json +1 -1
- package/dist/lang/dev.json +1 -1
- package/dist/lang/el.json +1 -1
- package/dist/lang/en.json +1 -1
- package/dist/lang/es.json +1 -1
- package/dist/lang/fi.json +1 -1
- package/dist/lang/fr.json +1 -1
- package/dist/lang/hu.json +1 -1
- package/dist/lang/id.json +1 -1
- package/dist/lang/it.json +1 -1
- package/dist/lang/ja.json +1 -1
- package/dist/lang/ko.json +1 -1
- package/dist/lang/nl.json +1 -1
- package/dist/lang/no.json +1 -1
- package/dist/lang/pl.json +1 -1
- package/dist/lang/pt-BR.json +1 -1
- package/dist/lang/pt.json +1 -1
- package/dist/lang/ru.json +1 -1
- package/dist/lang/sv.json +1 -1
- package/dist/lang/th.json +1 -1
- package/dist/lang/tr.json +1 -1
- package/dist/lang/zh-CN.json +1 -1
- package/dist/lang/zh-TW.json +1 -1
- package/dist/lang/zh.json +1 -1
- package/dist/types/components/commerce/index.d.ts +0 -1
- package/dist/types/components/recommendation/index.d.ts +0 -1
- package/dist/types/components/search/index.d.ts +0 -1
- package/package.json +4 -7
- package/dist/types/components/stencil-generated/commerce/index.d.ts +0 -1
- package/dist/types/components/stencil-generated/commerce/react-component-lib/createComponent.d.ts +0 -12
- package/dist/types/components/stencil-generated/commerce/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/types/components/stencil-generated/commerce/react-component-lib/index.d.ts +0 -2
- package/dist/types/components/stencil-generated/commerce/react-component-lib/interfaces.d.ts +0 -29
- package/dist/types/components/stencil-generated/commerce/react-component-lib/utils/attachProps.d.ts +0 -16
- package/dist/types/components/stencil-generated/commerce/react-component-lib/utils/case.d.ts +0 -2
- package/dist/types/components/stencil-generated/commerce/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/types/components/stencil-generated/commerce/react-component-lib/utils/index.d.ts +0 -12
- package/dist/types/components/stencil-generated/search/index.d.ts +0 -1
- package/dist/types/components/stencil-generated/search/react-component-lib/createComponent.d.ts +0 -12
- package/dist/types/components/stencil-generated/search/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/types/components/stencil-generated/search/react-component-lib/index.d.ts +0 -2
- package/dist/types/components/stencil-generated/search/react-component-lib/interfaces.d.ts +0 -29
- package/dist/types/components/stencil-generated/search/react-component-lib/utils/attachProps.d.ts +0 -16
- package/dist/types/components/stencil-generated/search/react-component-lib/utils/case.d.ts +0 -2
- package/dist/types/components/stencil-generated/search/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/types/components/stencil-generated/search/react-component-lib/utils/index.d.ts +0 -12
|
@@ -3593,11 +3593,11 @@ const css$1 = `@theme inline static{--atomic-primary:#126ce0;--atomic-primary-li
|
|
|
3593
3593
|
--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)
|
|
3594
3594
|
);--text-sm:var(--atomic-text-sm);--text-base:var(--atomic-text-base);--text-lg:var(--atomic-text-lg);--text-xl:var(--atomic-text-xl);--text-2xl:var(--atomic-text-2xl);--font-weight-normal:var(--atomic-font-normal);--font-weight-bold:var(--atomic-font-bold);--shadow-inner-primary:inset 0 0 0 1px var(--atomic-primary);--shadow-lg:0px 2px 8px hsla(180,6%,90%,.75);--shadow-t-lg:0px -2px 8px hsla(180,6%,90%,.75);--radius:var(--atomic-border-radius);--radius-xs:var(--atomic-border-radius);--radius-sm:var(--atomic-border-radius);--radius-md:var(--atomic-border-radius-md);--radius-lg:var(--atomic-border-radius-lg);--radius-xl:var(--atomic-border-radius-xl);--font-sans:var(--atomic-font-family);--breakpoint-desktop:1024px}@theme{--animate-slide-down-modal:slideDown 0.5s linear forwards;--animate-scale-up-modal:scaleUp 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards}`;
|
|
3595
3595
|
|
|
3596
|
-
const css = `/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--atomic-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace));font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing, .25rem)*0)}.-top-2{top:calc(var(--spacing, .25rem)*-2)}.-top-4{top:calc(var(--spacing, .25rem)*-4)}.top-0{top:calc(var(--spacing, .25rem)*0)}.top-1{top:calc(var(--spacing, .25rem)*1)}.top-1\\/2{top:50%}.top-6{top:calc(var(--spacing, .25rem)*6)}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:calc(var(--spacing, .25rem)*-2)}.right-0{right:calc(var(--spacing, .25rem)*0)}.right-1{right:calc(var(--spacing, .25rem)*1)}.right-2{right:calc(var(--spacing, .25rem)*2)}.right-6{right:calc(var(--spacing, .25rem)*6)}.right-12{right:calc(var(--spacing, .25rem)*12)}.right-20{right:calc(var(--spacing, .25rem)*20)}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing, .25rem)*0)}.bottom-1{bottom:calc(var(--spacing, .25rem)*1)}.bottom-2{bottom:calc(var(--spacing, .25rem)*2)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing, .25rem)*0)}.left-1{left:calc(var(--spacing, .25rem)*1)}.left-2{left:calc(var(--spacing, .25rem)*2)}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%;@media (width >= 1024px){max-width:1024px}@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.container\\!{width:100%!important;@media (width >= 1024px){max-width:1024px!important}@media (width >= 40rem){max-width:40rem!important}@media (width >= 48rem){max-width:48rem!important}@media (width >= 64rem){max-width:64rem!important}@media (width >= 80rem){max-width:80rem!important}@media (width >= 96rem){max-width:96rem!important}}.m-0{margin:calc(var(--spacing, .25rem)*0)}.m-2{margin:calc(var(--spacing, .25rem)*2)}.mx-0{margin-inline:calc(var(--spacing, .25rem)*0)}.mx-0\\.5{margin-inline:calc(var(--spacing, .25rem)*.5)}.mx-1{margin-inline:calc(var(--spacing, .25rem)*1)}.mx-6{margin-inline:calc(var(--spacing, .25rem)*6)}.mx-16{margin-inline:calc(var(--spacing, .25rem)*16)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing, .25rem)*2)}.my-3{margin-block:calc(var(--spacing, .25rem)*3)}.my-4{margin-block:calc(var(--spacing, .25rem)*4)}.my-6{margin-block:calc(var(--spacing, .25rem)*6)}.my-auto{margin-block:auto}.mt-0{margin-top:calc(var(--spacing, .25rem)*0)}.mt-1{margin-top:calc(var(--spacing, .25rem)*1)}.mt-1\\.5{margin-top:calc(var(--spacing, .25rem)*1.5)}.mt-2{margin-top:calc(var(--spacing, .25rem)*2)}.mt-2\\.5{margin-top:calc(var(--spacing, .25rem)*2.5)}.mt-3{margin-top:calc(var(--spacing, .25rem)*3)}.mt-4{margin-top:calc(var(--spacing, .25rem)*4)}.mt-6{margin-top:calc(var(--spacing, .25rem)*6)}.mt-7{margin-top:calc(var(--spacing, .25rem)*7)}.mt-8{margin-top:calc(var(--spacing, .25rem)*8)}.mt-10{margin-top:calc(var(--spacing, .25rem)*10)}.mt-px{margin-top:1px}.mr-0{margin-right:calc(var(--spacing, .25rem)*0)}.mr-0\\.5{margin-right:calc(var(--spacing, .25rem)*.5)}.mr-1{margin-right:calc(var(--spacing, .25rem)*1)}.mr-1\\.5{margin-right:calc(var(--spacing, .25rem)*1.5)}.mr-2{margin-right:calc(var(--spacing, .25rem)*2)}.mr-3{margin-right:calc(var(--spacing, .25rem)*3)}.mr-6{margin-right:calc(var(--spacing, .25rem)*6)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing, .25rem)*0)}.mb-1{margin-bottom:calc(var(--spacing, .25rem)*1)}.mb-2{margin-bottom:calc(var(--spacing, .25rem)*2)}.mb-3{margin-bottom:calc(var(--spacing, .25rem)*3)}.mb-4{margin-bottom:calc(var(--spacing, .25rem)*4)}.mb-6{margin-bottom:calc(var(--spacing, .25rem)*6)}.ml-0\\.5{margin-left:calc(var(--spacing, .25rem)*.5)}.ml-1{margin-left:calc(var(--spacing, .25rem)*1)}.ml-2{margin-left:calc(var(--spacing, .25rem)*2)}.ml-4{margin-left:calc(var(--spacing, .25rem)*4)}.ml-6{margin-left:calc(var(--spacing, .25rem)*6)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:unset}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}}.aspect-square{aspect-ratio:1/1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:calc(var(--spacing, .25rem)*1)}.h-2{height:calc(var(--spacing, .25rem)*2)}.h-2\\.5{height:calc(var(--spacing, .25rem)*2.5)}.h-3{height:calc(var(--spacing, .25rem)*3)}.h-4{height:calc(var(--spacing, .25rem)*4)}.h-5{height:calc(var(--spacing, .25rem)*5)}.h-5\\/6{height:83.33333%}.h-6{height:calc(var(--spacing, .25rem)*6)}.h-7{height:calc(var(--spacing, .25rem)*7)}.h-8{height:calc(var(--spacing, .25rem)*8)}.h-9{height:calc(var(--spacing, .25rem)*9)}.h-10{height:calc(var(--spacing, .25rem)*10)}.h-12{height:calc(var(--spacing, .25rem)*12)}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing, .25rem)*96)}.min-h-3{min-height:calc(var(--spacing, .25rem)*3)}.min-h-10{min-height:calc(var(--spacing, .25rem)*10)}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:calc(var(--spacing, .25rem)*.5)}.w-1{width:calc(var(--spacing, .25rem)*1)}.w-1\\/2{width:50%}.w-2{width:calc(var(--spacing, .25rem)*2)}.w-2\\.5{width:calc(var(--spacing, .25rem)*2.5)}.w-3{width:calc(var(--spacing, .25rem)*3)}.w-3\\.5{width:calc(var(--spacing, .25rem)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing, .25rem)*4)}.w-5{width:calc(var(--spacing, .25rem)*5)}.w-5\\/6{width:83.33333%}.w-6{width:calc(var(--spacing, .25rem)*6)}.w-7{width:calc(var(--spacing, .25rem)*7)}.w-8{width:calc(var(--spacing, .25rem)*8)}.w-9{width:calc(var(--spacing, .25rem)*9)}.w-10{width:calc(var(--spacing, .25rem)*10)}.w-12{width:calc(var(--spacing, .25rem)*12)}.w-20{width:calc(var(--spacing, .25rem)*20)}.w-26{width:calc(var(--spacing, .25rem)*26)}.w-28{width:calc(var(--spacing, .25rem)*28)}.w-32{width:calc(var(--spacing, .25rem)*32)}.w-36{width:calc(var(--spacing, .25rem)*36)}.w-48{width:calc(var(--spacing, .25rem)*48)}.w-60{width:calc(var(--spacing, .25rem)*60)}.w-64{width:calc(var(--spacing, .25rem)*64)}.w-72{width:calc(var(--spacing, .25rem)*72)}.w-100{width:calc(var(--spacing, .25rem)*100)}.w-\\[2\\.6rem\\]{width:2.6rem}.w-\\[10px\\]{width:10px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:calc(var(--spacing, .25rem)*60)}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg,32rem)}.max-w-max{max-width:max-content}.min-w-0{min-width:calc(var(--spacing, .25rem)*0)}.min-w-10{min-width:calc(var(--spacing, .25rem)*10)}.min-w-20{min-width:calc(var(--spacing, .25rem)*20)}.min-w-24{min-width:calc(var(--spacing, .25rem)*24)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:calc(var(--spacing, 0.25rem)*8)}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}.animate-spin{animation:var(--animate-spin,spin 1s linear infinite)}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing, .25rem)*.5)}.gap-1{gap:calc(var(--spacing, .25rem)*1)}.gap-2{gap:calc(var(--spacing, .25rem)*2)}.gap-3{gap:calc(var(--spacing, .25rem)*3)}.gap-4{gap:calc(var(--spacing, .25rem)*4)}.gap-8{gap:calc(var(--spacing, .25rem)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing, .25rem)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing, .25rem)*1*var(--tw-space-y-reverse))}}.gap-x-1\\.5{column-gap:calc(var(--spacing, .25rem)*1.5)}.gap-x-2{column-gap:calc(var(--spacing, .25rem)*2)}.gap-x-4{column-gap:calc(var(--spacing, .25rem)*4)}.space-x-1\\.5{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing, .25rem)*1.5*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing, .25rem)*1.5*var(--tw-space-x-reverse))}}.gap-y-0\\.5{row-gap:calc(var(--spacing, .25rem)*.5)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-neutral{:where(&>:not(:last-child)){border-color:var(--atomic-neutral)}}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:var(--radius-3xl,1.5rem)}.rounded-full{border-radius:calc(infinity*1px)}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:var(--color-gray-200,oklch(92.8% .006 264.531))}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-t-neutral{border-top-color:var(--atomic-neutral)}.border-b-neutral{border-bottom-color:var(--atomic-neutral)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral{border-left-color:var(--atomic-neutral)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:rgba(40,40,40,.8)}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-primary-background{background-color:var(--atomic-primary-background)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white,#fff)}.bg-linear-to-l{--tw-gradient-position:to left;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to left in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(
|
|
3596
|
+
const css = `/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--atomic-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace));font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing, .25rem)*0)}.-top-2{top:calc(var(--spacing, .25rem)*-2)}.-top-4{top:calc(var(--spacing, .25rem)*-4)}.top-0{top:calc(var(--spacing, .25rem)*0)}.top-1{top:calc(var(--spacing, .25rem)*1)}.top-1\\/2{top:50%}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:calc(var(--spacing, .25rem)*-2)}.right-0{right:calc(var(--spacing, .25rem)*0)}.right-1{right:calc(var(--spacing, .25rem)*1)}.right-2{right:calc(var(--spacing, .25rem)*2)}.right-6{right:calc(var(--spacing, .25rem)*6)}.right-12{right:calc(var(--spacing, .25rem)*12)}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing, .25rem)*0)}.bottom-1{bottom:calc(var(--spacing, .25rem)*1)}.bottom-2{bottom:calc(var(--spacing, .25rem)*2)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing, .25rem)*0)}.left-1{left:calc(var(--spacing, .25rem)*1)}.left-2{left:calc(var(--spacing, .25rem)*2)}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%;@media (width >= 1024px){max-width:1024px}@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.container\\!{width:100%!important;@media (width >= 1024px){max-width:1024px!important}@media (width >= 40rem){max-width:40rem!important}@media (width >= 48rem){max-width:48rem!important}@media (width >= 64rem){max-width:64rem!important}@media (width >= 80rem){max-width:80rem!important}@media (width >= 96rem){max-width:96rem!important}}.m-0{margin:calc(var(--spacing, .25rem)*0)}.m-2{margin:calc(var(--spacing, .25rem)*2)}.mx-0{margin-inline:calc(var(--spacing, .25rem)*0)}.mx-0\\.5{margin-inline:calc(var(--spacing, .25rem)*.5)}.mx-1{margin-inline:calc(var(--spacing, .25rem)*1)}.mx-6{margin-inline:calc(var(--spacing, .25rem)*6)}.mx-16{margin-inline:calc(var(--spacing, .25rem)*16)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing, .25rem)*2)}.my-3{margin-block:calc(var(--spacing, .25rem)*3)}.my-4{margin-block:calc(var(--spacing, .25rem)*4)}.my-6{margin-block:calc(var(--spacing, .25rem)*6)}.my-auto{margin-block:auto}.mt-0{margin-top:calc(var(--spacing, .25rem)*0)}.mt-1{margin-top:calc(var(--spacing, .25rem)*1)}.mt-1\\.5{margin-top:calc(var(--spacing, .25rem)*1.5)}.mt-2{margin-top:calc(var(--spacing, .25rem)*2)}.mt-2\\.5{margin-top:calc(var(--spacing, .25rem)*2.5)}.mt-3{margin-top:calc(var(--spacing, .25rem)*3)}.mt-4{margin-top:calc(var(--spacing, .25rem)*4)}.mt-6{margin-top:calc(var(--spacing, .25rem)*6)}.mt-7{margin-top:calc(var(--spacing, .25rem)*7)}.mt-8{margin-top:calc(var(--spacing, .25rem)*8)}.mt-10{margin-top:calc(var(--spacing, .25rem)*10)}.mt-px{margin-top:1px}.mr-0{margin-right:calc(var(--spacing, .25rem)*0)}.mr-0\\.5{margin-right:calc(var(--spacing, .25rem)*.5)}.mr-1{margin-right:calc(var(--spacing, .25rem)*1)}.mr-1\\.5{margin-right:calc(var(--spacing, .25rem)*1.5)}.mr-2{margin-right:calc(var(--spacing, .25rem)*2)}.mr-3{margin-right:calc(var(--spacing, .25rem)*3)}.mr-6{margin-right:calc(var(--spacing, .25rem)*6)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing, .25rem)*0)}.mb-1{margin-bottom:calc(var(--spacing, .25rem)*1)}.mb-2{margin-bottom:calc(var(--spacing, .25rem)*2)}.mb-3{margin-bottom:calc(var(--spacing, .25rem)*3)}.mb-4{margin-bottom:calc(var(--spacing, .25rem)*4)}.mb-6{margin-bottom:calc(var(--spacing, .25rem)*6)}.ml-0\\.5{margin-left:calc(var(--spacing, .25rem)*.5)}.ml-1{margin-left:calc(var(--spacing, .25rem)*1)}.ml-2{margin-left:calc(var(--spacing, .25rem)*2)}.ml-4{margin-left:calc(var(--spacing, .25rem)*4)}.ml-6{margin-left:calc(var(--spacing, .25rem)*6)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:unset}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}}.aspect-square{aspect-ratio:1/1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:calc(var(--spacing, .25rem)*1)}.h-2{height:calc(var(--spacing, .25rem)*2)}.h-2\\.5{height:calc(var(--spacing, .25rem)*2.5)}.h-3{height:calc(var(--spacing, .25rem)*3)}.h-4{height:calc(var(--spacing, .25rem)*4)}.h-5{height:calc(var(--spacing, .25rem)*5)}.h-5\\/6{height:83.33333%}.h-6{height:calc(var(--spacing, .25rem)*6)}.h-7{height:calc(var(--spacing, .25rem)*7)}.h-8{height:calc(var(--spacing, .25rem)*8)}.h-9{height:calc(var(--spacing, .25rem)*9)}.h-10{height:calc(var(--spacing, .25rem)*10)}.h-12{height:calc(var(--spacing, .25rem)*12)}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing, .25rem)*96)}.min-h-3{min-height:calc(var(--spacing, .25rem)*3)}.min-h-10{min-height:calc(var(--spacing, .25rem)*10)}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:calc(var(--spacing, .25rem)*.5)}.w-1{width:calc(var(--spacing, .25rem)*1)}.w-1\\/2{width:50%}.w-2{width:calc(var(--spacing, .25rem)*2)}.w-2\\.5{width:calc(var(--spacing, .25rem)*2.5)}.w-3{width:calc(var(--spacing, .25rem)*3)}.w-3\\.5{width:calc(var(--spacing, .25rem)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing, .25rem)*4)}.w-5{width:calc(var(--spacing, .25rem)*5)}.w-5\\/6{width:83.33333%}.w-6{width:calc(var(--spacing, .25rem)*6)}.w-7{width:calc(var(--spacing, .25rem)*7)}.w-8{width:calc(var(--spacing, .25rem)*8)}.w-9{width:calc(var(--spacing, .25rem)*9)}.w-10{width:calc(var(--spacing, .25rem)*10)}.w-12{width:calc(var(--spacing, .25rem)*12)}.w-20{width:calc(var(--spacing, .25rem)*20)}.w-26{width:calc(var(--spacing, .25rem)*26)}.w-32{width:calc(var(--spacing, .25rem)*32)}.w-36{width:calc(var(--spacing, .25rem)*36)}.w-48{width:calc(var(--spacing, .25rem)*48)}.w-60{width:calc(var(--spacing, .25rem)*60)}.w-64{width:calc(var(--spacing, .25rem)*64)}.w-72{width:calc(var(--spacing, .25rem)*72)}.w-100{width:calc(var(--spacing, .25rem)*100)}.w-\\[2\\.6rem\\]{width:2.6rem}.w-\\[10px\\]{width:10px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:calc(var(--spacing, .25rem)*60)}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg,32rem)}.max-w-max{max-width:max-content}.min-w-0{min-width:calc(var(--spacing, .25rem)*0)}.min-w-10{min-width:calc(var(--spacing, .25rem)*10)}.min-w-20{min-width:calc(var(--spacing, .25rem)*20)}.min-w-24{min-width:calc(var(--spacing, .25rem)*24)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:calc(var(--spacing, 0.25rem)*8)}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}.animate-spin{animation:var(--animate-spin,spin 1s linear infinite)}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing, .25rem)*.5)}.gap-1{gap:calc(var(--spacing, .25rem)*1)}.gap-2{gap:calc(var(--spacing, .25rem)*2)}.gap-3{gap:calc(var(--spacing, .25rem)*3)}.gap-4{gap:calc(var(--spacing, .25rem)*4)}.gap-8{gap:calc(var(--spacing, .25rem)*8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing, .25rem)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing, .25rem)*1*var(--tw-space-y-reverse))}}.gap-x-1\\.5{column-gap:calc(var(--spacing, .25rem)*1.5)}.gap-x-2{column-gap:calc(var(--spacing, .25rem)*2)}.gap-x-4{column-gap:calc(var(--spacing, .25rem)*4)}.space-x-1\\.5{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing, .25rem)*1.5*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing, .25rem)*1.5*var(--tw-space-x-reverse))}}.gap-y-0\\.5{row-gap:calc(var(--spacing, .25rem)*.5)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-neutral{:where(&>:not(:last-child)){border-color:var(--atomic-neutral)}}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:var(--radius-3xl,1.5rem)}.rounded-full{border-radius:calc(infinity*1px)}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:var(--color-gray-200,oklch(92.8% .006 264.531))}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-t-neutral{border-top-color:var(--atomic-neutral)}.border-b-neutral{border-bottom-color:var(--atomic-neutral)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral{border-left-color:var(--atomic-neutral)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:rgba(40,40,40,.8)}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white,#fff)}.bg-linear-to-l{--tw-gradient-position:to left;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to left in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(
|
|
3597
3597
|
--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark)
|
|
3598
3598
|
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-neutral{--tw-gradient-via:var(--atomic-neutral);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(
|
|
3599
3599
|
--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)
|
|
3600
|
-
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-\\[1\\.25\\]{stroke-width:1.25}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing, .25rem)*0)}.p-1{padding:calc(var(--spacing, .25rem)*1)}.p-2{padding:calc(var(--spacing, .25rem)*2)}.p-2\\.5{padding:calc(var(--spacing, .25rem)*2.5)}.p-3{padding:calc(var(--spacing, .25rem)*3)}.p-3\\.5{padding:calc(var(--spacing, .25rem)*3.5)}.p-4{padding:calc(var(--spacing, .25rem)*4)}.p-6{padding:calc(var(--spacing, .25rem)*6)}.p-7{padding:calc(var(--spacing, .25rem)*7)}.p-8{padding:calc(var(--spacing, .25rem)*8)}.px-1{padding-inline:calc(var(--spacing, .25rem)*1)}.px-2{padding-inline:calc(var(--spacing, .25rem)*2)}.px-2\\.5{padding-inline:calc(var(--spacing, .25rem)*2.5)}.px-3{padding-inline:calc(var(--spacing, .25rem)*3)}.px-4{padding-inline:calc(var(--spacing, .25rem)*4)}.px-6{padding-inline:calc(var(--spacing, .25rem)*6)}.px-7{padding-inline:calc(var(--spacing, .25rem)*7)}.px-9{padding-inline:calc(var(--spacing, .25rem)*9)}.py-0\\.5{padding-block:calc(var(--spacing, .25rem)*.5)}.py-1{padding-block:calc(var(--spacing, .25rem)*1)}.py-1\\.5{padding-block:calc(var(--spacing, .25rem)*1.5)}.py-2{padding-block:calc(var(--spacing, .25rem)*2)}.py-2\\.5{padding-block:calc(var(--spacing, .25rem)*2.5)}.py-3{padding-block:calc(var(--spacing, .25rem)*3)}.py-3\\.5{padding-block:calc(var(--spacing, .25rem)*3.5)}.py-4{padding-block:calc(var(--spacing, .25rem)*4)}.py-4\\.5{padding-block:calc(var(--spacing, .25rem)*4.5)}.py-5{padding-block:calc(var(--spacing, .25rem)*5)}.py-6{padding-block:calc(var(--spacing, .25rem)*6)}.pt-0\\.5{padding-top:calc(var(--spacing, .25rem)*.5)}.pt-6{padding-top:calc(var(--spacing, .25rem)*6)}.pt-8{padding-top:calc(var(--spacing, .25rem)*8)}.pr-2{padding-right:calc(var(--spacing, .25rem)*2)}.pr-4{padding-right:calc(var(--spacing, .25rem)*4)}.pr-6{padding-right:calc(var(--spacing, .25rem)*6)}.pr-8{padding-right:calc(var(--spacing, .25rem)*8)}.pr-24{padding-right:calc(var(--spacing, .25rem)*24)}.pb-1{padding-bottom:calc(var(--spacing, .25rem)*1)}.pb-3{padding-bottom:calc(var(--spacing, .25rem)*3)}.pb-4{padding-bottom:calc(var(--spacing, .25rem)*4)}.pb-5{padding-bottom:calc(var(--spacing, .25rem)*5)}.pb-6{padding-bottom:calc(var(--spacing, .25rem)*6)}.pl-0{padding-left:calc(var(--spacing, .25rem)*0)}.pl-1{padding-left:calc(var(--spacing, .25rem)*1)}.pl-2{padding-left:calc(var(--spacing, .25rem)*2)}.pl-3{padding-left:calc(var(--spacing, .25rem)*3)}.pl-7{padding-left:calc(var(--spacing, .25rem)*7)}.pl-9{padding-left:calc(var(--spacing, .25rem)*9)}.pl-10{padding-left:calc(var(--spacing, .25rem)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.text-xs{line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.text-xs,.text-xs\\/\\[1rem\\]{font-size:var(--text-xs,.75rem)}.text-xs\\/\\[1rem\\]{line-height:1rem}.leading-4{--tw-leading:calc(var(--spacing, 0.25rem)*4);line-height:calc(var(--spacing, .25rem)*4)}.leading-5{--tw-leading:calc(var(--spacing, 0.25rem)*5);line-height:calc(var(--spacing, .25rem)*5)}.leading-6{--tw-leading:calc(var(--spacing, 0.25rem)*6);line-height:calc(var(--spacing, .25rem)*6)}.leading-8{--tw-leading:calc(var(--spacing, 0.25rem)*8);line-height:calc(var(--spacing, .25rem)*8)}.leading-10{--tw-leading:calc(var(--spacing, 0.25rem)*10);line-height:calc(var(--spacing, .25rem)*10)}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:var(--color-black,#000)}.text-error{color:var(--atomic-error)}.text-gray-500{color:var(--color-gray-500,oklch(55.1% .027 264.364))}.text-gray-600{color:var(--color-gray-600,oklch(44.6% .03 256.802))}.text-gray-700{color:var(--color-gray-700,oklch(37.3% .034 259.733))}.text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))}.text-green-600{color:var(--color-green-600,oklch(62.7% .194 149.214))}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(
|
|
3600
|
+
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-\\[1\\.25\\]{stroke-width:1.25}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing, .25rem)*0)}.p-1{padding:calc(var(--spacing, .25rem)*1)}.p-2{padding:calc(var(--spacing, .25rem)*2)}.p-2\\.5{padding:calc(var(--spacing, .25rem)*2.5)}.p-3{padding:calc(var(--spacing, .25rem)*3)}.p-3\\.5{padding:calc(var(--spacing, .25rem)*3.5)}.p-4{padding:calc(var(--spacing, .25rem)*4)}.p-6{padding:calc(var(--spacing, .25rem)*6)}.p-7{padding:calc(var(--spacing, .25rem)*7)}.p-8{padding:calc(var(--spacing, .25rem)*8)}.px-1{padding-inline:calc(var(--spacing, .25rem)*1)}.px-2{padding-inline:calc(var(--spacing, .25rem)*2)}.px-2\\.5{padding-inline:calc(var(--spacing, .25rem)*2.5)}.px-3{padding-inline:calc(var(--spacing, .25rem)*3)}.px-4{padding-inline:calc(var(--spacing, .25rem)*4)}.px-6{padding-inline:calc(var(--spacing, .25rem)*6)}.px-7{padding-inline:calc(var(--spacing, .25rem)*7)}.px-9{padding-inline:calc(var(--spacing, .25rem)*9)}.py-0\\.5{padding-block:calc(var(--spacing, .25rem)*.5)}.py-1{padding-block:calc(var(--spacing, .25rem)*1)}.py-1\\.5{padding-block:calc(var(--spacing, .25rem)*1.5)}.py-2{padding-block:calc(var(--spacing, .25rem)*2)}.py-2\\.5{padding-block:calc(var(--spacing, .25rem)*2.5)}.py-3{padding-block:calc(var(--spacing, .25rem)*3)}.py-3\\.5{padding-block:calc(var(--spacing, .25rem)*3.5)}.py-4{padding-block:calc(var(--spacing, .25rem)*4)}.py-4\\.5{padding-block:calc(var(--spacing, .25rem)*4.5)}.py-5{padding-block:calc(var(--spacing, .25rem)*5)}.py-6{padding-block:calc(var(--spacing, .25rem)*6)}.pt-0\\.5{padding-top:calc(var(--spacing, .25rem)*.5)}.pt-2{padding-top:calc(var(--spacing, .25rem)*2)}.pt-6{padding-top:calc(var(--spacing, .25rem)*6)}.pt-8{padding-top:calc(var(--spacing, .25rem)*8)}.pr-2{padding-right:calc(var(--spacing, .25rem)*2)}.pr-4{padding-right:calc(var(--spacing, .25rem)*4)}.pr-6{padding-right:calc(var(--spacing, .25rem)*6)}.pr-8{padding-right:calc(var(--spacing, .25rem)*8)}.pr-24{padding-right:calc(var(--spacing, .25rem)*24)}.pb-1{padding-bottom:calc(var(--spacing, .25rem)*1)}.pb-3{padding-bottom:calc(var(--spacing, .25rem)*3)}.pb-4{padding-bottom:calc(var(--spacing, .25rem)*4)}.pb-5{padding-bottom:calc(var(--spacing, .25rem)*5)}.pb-6{padding-bottom:calc(var(--spacing, .25rem)*6)}.pl-0{padding-left:calc(var(--spacing, .25rem)*0)}.pl-1{padding-left:calc(var(--spacing, .25rem)*1)}.pl-2{padding-left:calc(var(--spacing, .25rem)*2)}.pl-3{padding-left:calc(var(--spacing, .25rem)*3)}.pl-7{padding-left:calc(var(--spacing, .25rem)*7)}.pl-9{padding-left:calc(var(--spacing, .25rem)*9)}.pl-10{padding-left:calc(var(--spacing, .25rem)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.text-xs{line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.text-xs,.text-xs\\/\\[1rem\\]{font-size:var(--text-xs,.75rem)}.text-xs\\/\\[1rem\\]{line-height:1rem}.leading-4{--tw-leading:calc(var(--spacing, 0.25rem)*4);line-height:calc(var(--spacing, .25rem)*4)}.leading-5{--tw-leading:calc(var(--spacing, 0.25rem)*5);line-height:calc(var(--spacing, .25rem)*5)}.leading-6{--tw-leading:calc(var(--spacing, 0.25rem)*6);line-height:calc(var(--spacing, .25rem)*6)}.leading-8{--tw-leading:calc(var(--spacing, 0.25rem)*8);line-height:calc(var(--spacing, .25rem)*8)}.leading-10{--tw-leading:calc(var(--spacing, 0.25rem)*10);line-height:calc(var(--spacing, .25rem)*10)}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:var(--color-black,#000)}.text-error{color:var(--atomic-error)}.text-gray-500{color:var(--color-gray-500,oklch(55.1% .027 264.364))}.text-gray-600{color:var(--color-gray-600,oklch(44.6% .03 256.802))}.text-gray-700{color:var(--color-gray-700,oklch(37.3% .034 259.733))}.text-gray-900{color:var(--color-gray-900,oklch(21% .034 264.665))}.text-green-600{color:var(--color-green-600,oklch(62.7% .194 149.214))}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(
|
|
3601
3601
|
--atomic-rating-icon-inactive-color,var(--atomic-neutral)
|
|
3602
3602
|
)}.text-red-600{color:var(--color-red-600,oklch(57.7% .245 27.325))}.text-success{color:var(--atomic-success)}.text-transparent{color:transparent}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.placeholder-neutral-dark{&::placeholder{color:var(--atomic-neutral-dark)}}.opacity-0{opacity:0}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-80{opacity:80%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-inner-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner-primary{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--atomic-primary))}.shadow-lg{--tw-shadow:0px 2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.shadow-lg,.shadow-t-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-t-lg{--tw-shadow:0px -2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-3{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-primary{--tw-ring-color:var(--atomic-primary)}.ring-ring-primary{--tw-ring-color:var(--atomic-ring-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-error{outline-color:var(--atomic-error)}.outline-neutral{outline-color:var(--atomic-neutral)}.outline-primary{outline-color:var(--atomic-primary)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-\\[visibility\\]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out,cubic-bezier(0.4,0,0.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.\\[grid-area\\:modal\\]{grid-area:modal}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.group-hover\\:visible{&:is(:where(.group):hover *){@media (hover:hover){visibility:visible}}}.group-hover\\:text-error{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-error)}}}.group-hover\\:text-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary)}}}.group-hover\\:text-primary-light{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary-light)}}}.group-focus\\:text-primary{&:is(:where(.group):focus *){color:var(--atomic-primary)}}.group-focus\\:text-primary-light{&:is(:where(.group):focus *){color:var(--atomic-primary-light)}}.group-focus-visible\\:text-error{&:is(:where(.group):focus-visible *){color:var(--atomic-error)}}.group-focus-visible\\:text-primary{&:is(:where(.group):focus-visible *){color:var(--atomic-primary)}}.peer-focus-within\\:border-primary-light{&:is(:where(.peer):focus-within~*){border-color:var(--atomic-primary-light)}}.peer-focus-within\\:text-primary-light{&:is(:where(.peer):focus-within~*){color:var(--atomic-primary-light)}}.peer-hover\\:border-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){border-color:var(--atomic-primary-light)}}}.peer-hover\\:text-error{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-error)}}}.peer-hover\\:text-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-primary-light)}}}.before\\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\\:top-\\[-8px\\]{&:before{content:var(--tw-content);top:-8px}}.before\\:left-0{&:before{content:var(--tw-content);left:calc(var(--spacing, .25rem)*0)}}.before\\:inline{&:before{content:var(--tw-content);display:inline}}.before\\:h-\\[8px\\]{&:before{content:var(--tw-content);height:8px}}.before\\:w-px{&:before{content:var(--tw-content);width:1px}}.before\\:bg-neutral{&:before{background-color:var(--atomic-neutral);content:var(--tw-content)}}.before\\:content-\\[\\'\\'\\]{&:before{--tw-content:"";content:var(--tw-content)}}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]{&:before{--tw-content:",\\00a0";content:var(--tw-content)}}.after\\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\\:-bottom-0\\.5{&:after{bottom:calc(var(--spacing, .25rem)*-.5);content:var(--tw-content)}}.after\\:bottom-\\[-8px\\]{&:after{bottom:-8px;content:var(--tw-content)}}.after\\:left-0{&:after{content:var(--tw-content);left:calc(var(--spacing, .25rem)*0)}}.after\\:block{&:after{content:var(--tw-content);display:block}}.after\\:h-1{&:after{content:var(--tw-content);height:calc(var(--spacing, .25rem)*1)}}.after\\:h-\\[8px\\]{&:after{content:var(--tw-content);height:8px}}.after\\:w-full{&:after{content:var(--tw-content);width:100%}}.after\\:w-px{&:after{content:var(--tw-content);width:1px}}.after\\:rounded{&:after{border-radius:var(--atomic-border-radius);content:var(--tw-content)}}.after\\:bg-neutral{&:after{background-color:var(--atomic-neutral);content:var(--tw-content)}}.after\\:bg-primary{&:after{background-color:var(--atomic-primary);content:var(--tw-content)}}.after\\:content-\\[\\'\\'\\]{&:after{--tw-content:"";content:var(--tw-content)}}.focus-within\\:border-disabled{&:focus-within{border-color:var(--atomic-disabled)}}.focus-within\\:border-primary{&:focus-within{border-color:var(--atomic-primary)}}.focus-within\\:ring-3{&:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\\:ring-neutral{&:focus-within{--tw-ring-color:var(--atomic-neutral)}}.focus-within\\:ring-ring-primary{&:focus-within{--tw-ring-color:var(--atomic-ring-primary)}}.hover\\:border{&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}}.hover\\:border-error{&:hover{@media (hover:hover){border-color:var(--atomic-error)}}}.hover\\:border-primary-light{&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}}.hover\\:bg-error{&:hover{@media (hover:hover){background-color:var(--atomic-error)}}}.hover\\:bg-neutral-light{&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}}.hover\\:bg-primary-light{&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}}.hover\\:bg-transparent{&:hover{@media (hover:hover){background-color:transparent}}}.hover\\:fill-white{&:hover{@media (hover:hover){fill:var(--color-white,#fff)}}}.hover\\:text-error{&:hover{@media (hover:hover){color:var(--atomic-error)}}}.hover\\:text-primary{&:hover{@media (hover:hover){color:var(--atomic-primary)}}}.hover\\:text-primary-light{&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}}.hover\\:text-success{&:hover{@media (hover:hover){color:var(--atomic-success)}}}.hover\\:underline{&:hover{@media (hover:hover){text-decoration-line:underline}}}.hover\\:opacity-100{&:hover{@media (hover:hover){opacity:100%}}}.hover\\:shadow-sm{&:hover{@media (hover:hover){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus\\:border-primary{&:focus{border-color:var(--atomic-primary)}}.focus\\:opacity-100{&:focus{opacity:100%}}.focus\\:ring-1{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-primary{&:focus{--tw-ring-color:var(--atomic-primary)}}.focus\\:outline-hidden{&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}.focus\\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.focus-visible\\:border{&:focus-visible{border-style:var(--tw-border-style);border-width:1px}}.focus-visible\\:border-error{&:focus-visible{border-color:var(--atomic-error)}}.focus-visible\\:border-primary{&:focus-visible{border-color:var(--atomic-primary)}}.focus-visible\\:border-primary-light{&:focus-visible{border-color:var(--atomic-primary-light)}}.focus-visible\\:bg-error{&:focus-visible{background-color:var(--atomic-error)}}.focus-visible\\:bg-neutral-light{&:focus-visible{background-color:var(--atomic-neutral-light)}}.focus-visible\\:bg-primary-light{&:focus-visible{background-color:var(--atomic-primary-light)}}.focus-visible\\:text-primary-light{&:focus-visible{color:var(--atomic-primary-light)}}.focus-visible\\:underline{&:focus-visible{text-decoration-line:underline}}.focus-visible\\:ring-2{&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\\:ring-primary{&:focus-visible{--tw-ring-color:var(--atomic-primary)}}.focus-visible\\:ring-offset-2{&:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\\:outline-none{&:focus-visible{--tw-outline-style:none;outline-style:none}}.disabled\\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\\:bg-neutral-light{&:disabled{background-color:var(--atomic-neutral-light)}}.disabled\\:bg-primary\\/60{&:disabled{background-color:color-mix(in srgb,#126ce0 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}}.disabled\\:text-neutral-dark{&:disabled{color:var(--atomic-neutral-dark)}}.disabled\\:opacity-100{&:disabled{opacity:100%}}.desktop\\:mt-2{@media (width >= 1024px){margin-top:calc(var(--spacing, .25rem)*2)}}.sm\\:px-6{@media (width >= 40rem){padding-inline:calc(var(--spacing, .25rem)*6)}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible{&:is(part="breadcrumb-button"){visibility:visible}}}@layer theme, base, components, utilities;@layer components{.input-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;&:before{--tw-content:attr(value);content:var(--tw-content)}}.btn-primary{background-color:var(--atomic-primary);border-radius:var(--atomic-border-radius);color:var(--atomic-on-primary);&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}&:focus-visible{background-color:var(--atomic-primary-light)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{background-color:var(--atomic-disabled);cursor:not-allowed}}.btn-outline-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-primary);&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-neutral);cursor:not-allowed}}.btn-text-primary{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-primary);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-outline-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-error)}}&:hover{@media (hover:hover){color:var(--atomic-error)}}&:focus-visible{border-color:var(--atomic-error)}&:focus-visible{color:var(--atomic-error)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-text-transparent{color:var(--atomic-on-background);&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{color:var(--atomic-primary-light)}}.btn-square-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-page{border-style:var(--tw-border-style);border-width:0;display:grid;font-size:var(--atomic-text-lg);height:calc(var(--spacing, .25rem)*10);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));place-items:center;width:calc(var(--spacing, .25rem)*10);&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}&:focus-visible{border-style:var(--tw-border-style);border-width:1px}&.selected{border-color:var(--atomic-primary);border-style:var(--tw-border-style);border-width:2px;--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}}}@layer base{:host{display:block}:host,button,input,select{font-family:var(--atomic-font-family);font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}button{cursor:pointer}:host(.atomic-hidden){display:none}.ripple{animation:ripple var(--animation-duration) linear;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.ripple-relative{position:relative}.ripple-parent{overflow:hidden}@keyframes ripple{to{opacity:0;transform:scale(4)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}`;
|
|
3603
3603
|
|
|
@@ -3655,7 +3655,7 @@ const withTailwindStyles = (Base) => {
|
|
|
3655
3655
|
};
|
|
3656
3656
|
};
|
|
3657
3657
|
|
|
3658
|
-
var __decorate$
|
|
3658
|
+
var __decorate$1C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
3659
3659
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3660
3660
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
3661
3661
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
@@ -3679,13 +3679,13 @@ let AtomicComponentError$1 = class AtomicComponentError extends lit.LitElement {
|
|
|
3679
3679
|
`;
|
|
3680
3680
|
}
|
|
3681
3681
|
};
|
|
3682
|
-
__decorate$
|
|
3682
|
+
__decorate$1C([
|
|
3683
3683
|
decorators_js.property({ type: Object })
|
|
3684
3684
|
], AtomicComponentError$1.prototype, "element", void 0);
|
|
3685
|
-
__decorate$
|
|
3685
|
+
__decorate$1C([
|
|
3686
3686
|
decorators_js.property({ type: Object })
|
|
3687
3687
|
], AtomicComponentError$1.prototype, "error", void 0);
|
|
3688
|
-
AtomicComponentError$1 = __decorate$
|
|
3688
|
+
AtomicComponentError$1 = __decorate$1C([
|
|
3689
3689
|
decorators_js.customElement('atomic-component-error'),
|
|
3690
3690
|
withTailwindStyles
|
|
3691
3691
|
], AtomicComponentError$1);
|
|
@@ -4065,7 +4065,7 @@ function parseAssetURL(url, assetPath = './assets') {
|
|
|
4065
4065
|
return null;
|
|
4066
4066
|
}
|
|
4067
4067
|
|
|
4068
|
-
var __decorate$
|
|
4068
|
+
var __decorate$1B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
4069
4069
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4070
4070
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4071
4071
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
@@ -4144,26 +4144,26 @@ let AtomicIcon$1 = class AtomicIcon extends LightDomMixin(InitializeBindingsMixi
|
|
|
4144
4144
|
}
|
|
4145
4145
|
};
|
|
4146
4146
|
AtomicIcon$1.styles = lit.css`@layer components{atomic-icon{aspect-ratio:1/1;display:inline-block;fill:currentColor;height:auto;@supports not (aspect-ratio:1/1){height:auto}>svg{aspect-ratio:1/1;height:auto;max-height:100%;width:100%}}}`;
|
|
4147
|
-
__decorate$
|
|
4147
|
+
__decorate$1B([
|
|
4148
4148
|
decorators_js.property({ type: String, reflect: true })
|
|
4149
4149
|
], AtomicIcon$1.prototype, "icon", void 0);
|
|
4150
|
-
__decorate$
|
|
4150
|
+
__decorate$1B([
|
|
4151
4151
|
decorators_js.state()
|
|
4152
4152
|
], AtomicIcon$1.prototype, "bindings", void 0);
|
|
4153
|
-
__decorate$
|
|
4153
|
+
__decorate$1B([
|
|
4154
4154
|
decorators_js.state()
|
|
4155
4155
|
], AtomicIcon$1.prototype, "error", void 0);
|
|
4156
|
-
__decorate$
|
|
4156
|
+
__decorate$1B([
|
|
4157
4157
|
decorators_js.state()
|
|
4158
4158
|
], AtomicIcon$1.prototype, "svg", void 0);
|
|
4159
|
-
__decorate$
|
|
4159
|
+
__decorate$1B([
|
|
4160
4160
|
watch('icon')
|
|
4161
4161
|
], AtomicIcon$1.prototype, "updateIcon", null);
|
|
4162
|
-
__decorate$
|
|
4162
|
+
__decorate$1B([
|
|
4163
4163
|
bindingGuard(),
|
|
4164
4164
|
errorGuard()
|
|
4165
4165
|
], AtomicIcon$1.prototype, "render", null);
|
|
4166
|
-
AtomicIcon$1 = __decorate$
|
|
4166
|
+
AtomicIcon$1 = __decorate$1B([
|
|
4167
4167
|
decorators_js.customElement('atomic-icon')
|
|
4168
4168
|
], AtomicIcon$1);
|
|
4169
4169
|
|
|
@@ -6003,7 +6003,7 @@ const styles$l = lit.css`/*! tailwindcss v4.1.13 | MIT License | https://tailwin
|
|
|
6003
6003
|
|
|
6004
6004
|
const styles$k = lit.css`.value-exclude-button:focus-visible atomic-icon{visibility:visible}`;
|
|
6005
6005
|
|
|
6006
|
-
var __decorate$
|
|
6006
|
+
var __decorate$1A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6007
6007
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6008
6008
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
6009
6009
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
@@ -6046,10 +6046,10 @@ let AtomicFacetPlaceholder = class AtomicFacetPlaceholder extends lit.LitElement
|
|
|
6046
6046
|
`;
|
|
6047
6047
|
}
|
|
6048
6048
|
};
|
|
6049
|
-
__decorate$
|
|
6049
|
+
__decorate$1A([
|
|
6050
6050
|
decorators_js.property({ type: Number, attribute: 'value-count' })
|
|
6051
6051
|
], AtomicFacetPlaceholder.prototype, "valueCount", void 0);
|
|
6052
|
-
AtomicFacetPlaceholder = __decorate$
|
|
6052
|
+
AtomicFacetPlaceholder = __decorate$1A([
|
|
6053
6053
|
decorators_js.customElement('atomic-facet-placeholder'),
|
|
6054
6054
|
withTailwindStyles
|
|
6055
6055
|
], AtomicFacetPlaceholder);
|
|
@@ -6275,6 +6275,220 @@ const styles$j = [
|
|
|
6275
6275
|
styles$o,
|
|
6276
6276
|
];
|
|
6277
6277
|
|
|
6278
|
+
var __decorate$1z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6279
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6280
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
6281
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6282
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6283
|
+
};
|
|
6284
|
+
/**
|
|
6285
|
+
* Internal component made to be integrated in a TimeframeFacet.
|
|
6286
|
+
*
|
|
6287
|
+
* @event atomic-date-input-apply: FacetDateInputEventDetails - Fired when the user applies a date range selection.
|
|
6288
|
+
* The event detail contains the date range with start and end dates.
|
|
6289
|
+
*
|
|
6290
|
+
* @internal
|
|
6291
|
+
*/
|
|
6292
|
+
let AtomicFacetDateInput = class AtomicFacetDateInput extends LightDomMixin(lit.LitElement) {
|
|
6293
|
+
constructor() {
|
|
6294
|
+
super(...arguments);
|
|
6295
|
+
this.startRef = ref_js.createRef();
|
|
6296
|
+
this.endRef = ref_js.createRef();
|
|
6297
|
+
this.max = '9999-12-31';
|
|
6298
|
+
}
|
|
6299
|
+
initialize() { }
|
|
6300
|
+
connectedCallback() {
|
|
6301
|
+
super.connectedCallback();
|
|
6302
|
+
this.validateParentComponent();
|
|
6303
|
+
this.start = this.inputRange
|
|
6304
|
+
? parseDate(this.inputRange.start).toDate()
|
|
6305
|
+
: undefined;
|
|
6306
|
+
this.end = this.inputRange
|
|
6307
|
+
? parseDate(this.inputRange.end).toDate()
|
|
6308
|
+
: undefined;
|
|
6309
|
+
}
|
|
6310
|
+
/**
|
|
6311
|
+
* Validates that this component is only used within an atomic-commerce-timeframe-facet.
|
|
6312
|
+
* This is an internal component and should not be used directly by consumers.
|
|
6313
|
+
*/
|
|
6314
|
+
validateParentComponent() {
|
|
6315
|
+
const validParents = [
|
|
6316
|
+
'atomic-commerce-timeframe-facet',
|
|
6317
|
+
'atomic-insight-timeframe-facet',
|
|
6318
|
+
'atomic-timeframe-facet',
|
|
6319
|
+
];
|
|
6320
|
+
const parentElement = this.parentElement;
|
|
6321
|
+
const shadowHost = this.getRootNode() instanceof ShadowRoot
|
|
6322
|
+
? this.getRootNode().host
|
|
6323
|
+
: null;
|
|
6324
|
+
const hostElements = [parentElement, shadowHost].filter(Boolean);
|
|
6325
|
+
const isValidParent = hostElements.some(({ tagName }) => validParents.includes(tagName.toLowerCase()));
|
|
6326
|
+
if (!isValidParent) {
|
|
6327
|
+
const error = new Error('atomic-facet-date-input is an internal component and should only be used within a timeframe facet.');
|
|
6328
|
+
this.error = error;
|
|
6329
|
+
}
|
|
6330
|
+
}
|
|
6331
|
+
updated(_changedProperties) {
|
|
6332
|
+
super.updated(_changedProperties);
|
|
6333
|
+
const startInput = this.startRef.value;
|
|
6334
|
+
const endInput = this.endRef.value;
|
|
6335
|
+
if (startInput && endInput && !startInput.value && !endInput.value) {
|
|
6336
|
+
startInput.min = this.min || this.formattedDateValue('1401-01-01');
|
|
6337
|
+
endInput.max = this.max || '';
|
|
6338
|
+
startInput.max = this.max || '';
|
|
6339
|
+
endInput.min = this.min || '';
|
|
6340
|
+
}
|
|
6341
|
+
}
|
|
6342
|
+
apply() {
|
|
6343
|
+
const startInput = this.startRef.value;
|
|
6344
|
+
const endInput = this.endRef.value;
|
|
6345
|
+
if (!startInput?.validity.valid || !endInput?.validity.valid) {
|
|
6346
|
+
return;
|
|
6347
|
+
}
|
|
6348
|
+
const rangeRequest = headless.buildDateRange({
|
|
6349
|
+
start: this.start,
|
|
6350
|
+
end: new Date(this.end.getTime()).setHours(23, 59, 59, 999),
|
|
6351
|
+
});
|
|
6352
|
+
const eventDict = {
|
|
6353
|
+
detail: {
|
|
6354
|
+
start: rangeRequest.start,
|
|
6355
|
+
end: rangeRequest.end,
|
|
6356
|
+
endInclusive: rangeRequest.endInclusive,
|
|
6357
|
+
},
|
|
6358
|
+
bubbles: true,
|
|
6359
|
+
composed: true,
|
|
6360
|
+
cancelable: true,
|
|
6361
|
+
};
|
|
6362
|
+
this.dispatchEvent(new CustomEvent('atomic-date-input-apply', eventDict));
|
|
6363
|
+
// Backwards compatibility for stencil components listening this event
|
|
6364
|
+
this.dispatchEvent(new CustomEvent('atomic/dateInputApply', eventDict));
|
|
6365
|
+
}
|
|
6366
|
+
formattedDateValue(date) {
|
|
6367
|
+
if (!date) {
|
|
6368
|
+
return '';
|
|
6369
|
+
}
|
|
6370
|
+
return parseDate(date).format('YYYY-MM-DD');
|
|
6371
|
+
}
|
|
6372
|
+
render() {
|
|
6373
|
+
const label = this.bindings.i18n.t(this.label);
|
|
6374
|
+
const startLabel = this.bindings.i18n.t('start');
|
|
6375
|
+
const endLabel = this.bindings.i18n.t('end');
|
|
6376
|
+
const startAria = this.bindings.i18n.t('date-input-start', { label });
|
|
6377
|
+
const endAria = this.bindings.i18n.t('date-input-end', { label });
|
|
6378
|
+
const apply = this.bindings.i18n.t('apply');
|
|
6379
|
+
const applyAria = this.bindings.i18n.t('date-input-apply', { label });
|
|
6380
|
+
const inputClasses = 'input-primary p-2.5';
|
|
6381
|
+
const labelClasses = 'text-neutral-dark self-center';
|
|
6382
|
+
const placeholder = this.bindings.i18n.t('date-format-placeholder');
|
|
6383
|
+
// Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
|
|
6384
|
+
const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
|
|
6385
|
+
return lit.html `
|
|
6386
|
+
<form
|
|
6387
|
+
class="mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2"
|
|
6388
|
+
@submit=${(e) => {
|
|
6389
|
+
e.preventDefault();
|
|
6390
|
+
this.apply();
|
|
6391
|
+
return false;
|
|
6392
|
+
}}
|
|
6393
|
+
>
|
|
6394
|
+
<label
|
|
6395
|
+
part="input-label"
|
|
6396
|
+
class=${labelClasses}
|
|
6397
|
+
for=${`${this.facetId}_start`}
|
|
6398
|
+
>
|
|
6399
|
+
${startLabel}:
|
|
6400
|
+
</label>
|
|
6401
|
+
<input
|
|
6402
|
+
id=${`${this.facetId}_start`}
|
|
6403
|
+
part="input-start"
|
|
6404
|
+
type="date"
|
|
6405
|
+
${ref_js.ref(this.startRef)}
|
|
6406
|
+
class=${inputClasses}
|
|
6407
|
+
aria-label=${startAria}
|
|
6408
|
+
placeholder=${placeholder}
|
|
6409
|
+
pattern=${pattern}
|
|
6410
|
+
required
|
|
6411
|
+
min=${ifDefined_js.ifDefined(this.min || this.formattedDateValue('1401-01-01'))}
|
|
6412
|
+
max=${ifDefined_js.ifDefined(this.end ? this.formattedDateValue(this.end) : this.max)}
|
|
6413
|
+
.value=${this.formattedDateValue(this.inputRange?.start)}
|
|
6414
|
+
@input=${(e) => {
|
|
6415
|
+
this.start = parseDate(e.target.value).toDate();
|
|
6416
|
+
}}
|
|
6417
|
+
/>
|
|
6418
|
+
<label
|
|
6419
|
+
part="input-label"
|
|
6420
|
+
class=${labelClasses}
|
|
6421
|
+
for=${`${this.facetId}_end`}
|
|
6422
|
+
>
|
|
6423
|
+
${endLabel}:
|
|
6424
|
+
</label>
|
|
6425
|
+
<input
|
|
6426
|
+
id=${`${this.facetId}_end`}
|
|
6427
|
+
part="input-end"
|
|
6428
|
+
type="date"
|
|
6429
|
+
${ref_js.ref(this.endRef)}
|
|
6430
|
+
class=${inputClasses}
|
|
6431
|
+
aria-label=${endAria}
|
|
6432
|
+
placeholder=${placeholder}
|
|
6433
|
+
pattern=${pattern}
|
|
6434
|
+
required
|
|
6435
|
+
min=${ifDefined_js.ifDefined(this.formattedDateValue(this.start) || this.min)}
|
|
6436
|
+
max=${ifDefined_js.ifDefined(this.max)}
|
|
6437
|
+
.value=${this.formattedDateValue(this.inputRange?.end)}
|
|
6438
|
+
@input=${(e) => {
|
|
6439
|
+
this.end = parseDate(e.target.value).toDate();
|
|
6440
|
+
}}
|
|
6441
|
+
/>
|
|
6442
|
+
${renderButton({
|
|
6443
|
+
props: {
|
|
6444
|
+
style: 'outline-primary',
|
|
6445
|
+
type: 'submit',
|
|
6446
|
+
part: 'input-apply-button',
|
|
6447
|
+
class: 'col-span-2 truncate p-2.5',
|
|
6448
|
+
ariaLabel: applyAria,
|
|
6449
|
+
text: apply,
|
|
6450
|
+
},
|
|
6451
|
+
})(lit.html ``)}
|
|
6452
|
+
</form>
|
|
6453
|
+
`;
|
|
6454
|
+
}
|
|
6455
|
+
};
|
|
6456
|
+
__decorate$1z([
|
|
6457
|
+
decorators_js.state()
|
|
6458
|
+
], AtomicFacetDateInput.prototype, "start", void 0);
|
|
6459
|
+
__decorate$1z([
|
|
6460
|
+
decorators_js.state()
|
|
6461
|
+
], AtomicFacetDateInput.prototype, "end", void 0);
|
|
6462
|
+
__decorate$1z([
|
|
6463
|
+
decorators_js.property({ type: Object })
|
|
6464
|
+
], AtomicFacetDateInput.prototype, "inputRange", void 0);
|
|
6465
|
+
__decorate$1z([
|
|
6466
|
+
decorators_js.property()
|
|
6467
|
+
], AtomicFacetDateInput.prototype, "facetId", void 0);
|
|
6468
|
+
__decorate$1z([
|
|
6469
|
+
decorators_js.property()
|
|
6470
|
+
], AtomicFacetDateInput.prototype, "label", void 0);
|
|
6471
|
+
__decorate$1z([
|
|
6472
|
+
decorators_js.property()
|
|
6473
|
+
], AtomicFacetDateInput.prototype, "min", void 0);
|
|
6474
|
+
__decorate$1z([
|
|
6475
|
+
decorators_js.property()
|
|
6476
|
+
], AtomicFacetDateInput.prototype, "max", void 0);
|
|
6477
|
+
__decorate$1z([
|
|
6478
|
+
decorators_js.state()
|
|
6479
|
+
], AtomicFacetDateInput.prototype, "error", void 0);
|
|
6480
|
+
__decorate$1z([
|
|
6481
|
+
decorators_js.state()
|
|
6482
|
+
], AtomicFacetDateInput.prototype, "bindings", void 0);
|
|
6483
|
+
__decorate$1z([
|
|
6484
|
+
bindingGuard(),
|
|
6485
|
+
errorGuard()
|
|
6486
|
+
], AtomicFacetDateInput.prototype, "render", null);
|
|
6487
|
+
AtomicFacetDateInput = __decorate$1z([
|
|
6488
|
+
decorators_js.customElement('atomic-facet-date-input'),
|
|
6489
|
+
bindings()
|
|
6490
|
+
], AtomicFacetDateInput);
|
|
6491
|
+
|
|
6278
6492
|
const isString$1 = obj => typeof obj === 'string';
|
|
6279
6493
|
const defer = () => {
|
|
6280
6494
|
let res;
|
|
@@ -8533,7 +8747,7 @@ function getWindow$1() {
|
|
|
8533
8747
|
}
|
|
8534
8748
|
function getAtomicEnvironment(headlessVersion) {
|
|
8535
8749
|
return {
|
|
8536
|
-
version: "3.
|
|
8750
|
+
version: "3.52.1",
|
|
8537
8751
|
headlessVersion,
|
|
8538
8752
|
};
|
|
8539
8753
|
}
|
|
@@ -9489,7 +9703,7 @@ const ChildrenUpdateCompleteMixin = (superClass) => {
|
|
|
9489
9703
|
* Stencil components are excluded as they lazy-load.
|
|
9490
9704
|
*/
|
|
9491
9705
|
const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
|
|
9492
|
-
'answer-content',
|
|
9706
|
+
'atomic-answer-content',
|
|
9493
9707
|
'atomic-aria-live',
|
|
9494
9708
|
'atomic-automatic-facet',
|
|
9495
9709
|
'atomic-automatic-facet-generator',
|
|
@@ -9540,6 +9754,8 @@ const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
|
|
|
9540
9754
|
'atomic-format-unit',
|
|
9541
9755
|
'atomic-generated-answer',
|
|
9542
9756
|
'atomic-generated-answer-feedback-modal',
|
|
9757
|
+
'atomic-generated-answer-thread-item',
|
|
9758
|
+
'atomic-generated-answers-thread',
|
|
9543
9759
|
'atomic-html',
|
|
9544
9760
|
'atomic-icon',
|
|
9545
9761
|
'atomic-insight-edit-toggle',
|
|
@@ -9559,10 +9775,12 @@ const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
|
|
|
9559
9775
|
'atomic-insight-refine-modal',
|
|
9560
9776
|
'atomic-insight-refine-toggle',
|
|
9561
9777
|
'atomic-insight-result',
|
|
9778
|
+
'atomic-insight-result-action',
|
|
9562
9779
|
'atomic-insight-result-action-bar',
|
|
9563
9780
|
'atomic-insight-result-attach-to-case-action',
|
|
9564
9781
|
'atomic-insight-result-attach-to-case-indicator',
|
|
9565
9782
|
'atomic-insight-result-children',
|
|
9783
|
+
'atomic-insight-result-children-template',
|
|
9566
9784
|
'atomic-insight-result-list',
|
|
9567
9785
|
'atomic-insight-result-quickview-action',
|
|
9568
9786
|
'atomic-insight-result-template',
|
|
@@ -9572,6 +9790,7 @@ const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
|
|
|
9572
9790
|
'atomic-insight-smart-snippet-suggestions',
|
|
9573
9791
|
'atomic-insight-tab',
|
|
9574
9792
|
'atomic-insight-tabs',
|
|
9793
|
+
'atomic-insight-timeframe-facet',
|
|
9575
9794
|
'atomic-insight-user-actions-modal',
|
|
9576
9795
|
'atomic-insight-user-actions-session',
|
|
9577
9796
|
'atomic-insight-user-actions-timeline',
|
|
@@ -9687,7 +9906,6 @@ const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
|
|
|
9687
9906
|
'atomic-text',
|
|
9688
9907
|
'atomic-timeframe',
|
|
9689
9908
|
'atomic-timeframe-facet',
|
|
9690
|
-
'generated-answer-thread-item',
|
|
9691
9909
|
]);
|
|
9692
9910
|
/**
|
|
9693
9911
|
* Waits for all Atomic custom element children to be defined.
|
|
@@ -20485,31 +20703,14 @@ const renderGeneratingAnswerLabel = ({ props }) => {
|
|
|
20485
20703
|
};
|
|
20486
20704
|
|
|
20487
20705
|
/**
|
|
20488
|
-
* Renders the answer content of a given generated answer including
|
|
20706
|
+
* Renders the answer content of a given generated answer including answer text and citations.
|
|
20489
20707
|
*/
|
|
20490
20708
|
const renderAnswerContent = ({ props }) => {
|
|
20491
20709
|
const { i18n, generatedAnswer, collapsible, renderFeedbackAndCopyButtonsSlot, renderCitationsSlot, onRetry, onClickShowButton, } = props;
|
|
20492
|
-
const { answer,
|
|
20493
|
-
const isExpanded = collapsible ? expanded : true;
|
|
20494
|
-
const trimmedQuestion = question.trim();
|
|
20710
|
+
const { answer, isStreaming, citations, answerContentFormat, expanded, error } = generatedAnswer;
|
|
20495
20711
|
const hasRetryableError = error?.isRetryable === true;
|
|
20496
20712
|
return lit.html `
|
|
20497
20713
|
<div>
|
|
20498
|
-
<div class="mt-6 flex gap-3">
|
|
20499
|
-
<p
|
|
20500
|
-
class="question-text min-w-0 flex-1 text-base font-semibold leading-6"
|
|
20501
|
-
>
|
|
20502
|
-
${trimmedQuestion}
|
|
20503
|
-
</p>
|
|
20504
|
-
${when_js.when(!hasRetryableError && isExpanded, () => lit.html `
|
|
20505
|
-
<div
|
|
20506
|
-
part="feedback-and-copy-buttons"
|
|
20507
|
-
class="flex h-9 shrink-0 items-center justify-end gap-2"
|
|
20508
|
-
>
|
|
20509
|
-
${renderFeedbackAndCopyButtonsSlot()}
|
|
20510
|
-
</div>
|
|
20511
|
-
`)}
|
|
20512
|
-
</div>
|
|
20513
20714
|
${hasRetryableError
|
|
20514
20715
|
? renderRetryPrompt({
|
|
20515
20716
|
props: {
|
|
@@ -20535,6 +20736,11 @@ const renderAnswerContent = ({ props }) => {
|
|
|
20535
20736
|
})(renderCitationsSlot())}
|
|
20536
20737
|
`)
|
|
20537
20738
|
: lit.nothing}
|
|
20739
|
+
${when_js.when(!hasRetryableError && (collapsible ? expanded : true), () => lit.html `
|
|
20740
|
+
<div class="mt-4" part="feedback-and-copy-buttons">
|
|
20741
|
+
${renderFeedbackAndCopyButtonsSlot()}
|
|
20742
|
+
</div>
|
|
20743
|
+
`)}
|
|
20538
20744
|
${!hasRetryableError
|
|
20539
20745
|
? lit.html `
|
|
20540
20746
|
<div part="generated-answer-footer" class="mt-6">
|
|
@@ -20857,7 +21063,7 @@ const styles$8 = lit.css`.feedback-buttons [part=feedback-button]{height:2.2rem;
|
|
|
20857
21063
|
|
|
20858
21064
|
const styles$7 = lit.css`[part=generated-text]{font-size:1.125rem;line-height:1.75rem}[part=generated-text].cursor:after{animation:cursor-blink 1.5s steps(2) infinite;background-color:var(--atomic-neutral-dark);content:"";display:inline-block;height:1em;margin-left:.1em;vertical-align:text-bottom;width:8px}`;
|
|
20859
21065
|
|
|
20860
|
-
const baseStyle = lit.css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
|
|
21066
|
+
const baseStyle = lit.css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}@keyframes generation-steps-rolodex{0%{opacity:.75;transform:translateY(105%) rotateX(-82deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=agent-generation-status] .generation-steps-container{display:inline-flex;overflow:hidden;perspective:700px}[part=agent-generation-status] .generation-steps-value{animation:generation-steps-rolodex 1s cubic-bezier(.22,.9,.26,1) both;backface-visibility:hidden;display:inline-block;transform-origin:50% 100%;white-space:nowrap;will-change:transform}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}[part=generated-content-container] .agent-scrollable{height:var(--atomic-generated-answer-content-fixed-height,50vh);overflow-y:auto}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
|
|
20861
21067
|
var generatedAnswer = [
|
|
20862
21068
|
baseStyle,
|
|
20863
21069
|
styles$7,
|
|
@@ -22280,6 +22486,247 @@ const renderSuggestionsWrapper = ({ props }) => (children) => {
|
|
|
22280
22486
|
</aside>`;
|
|
22281
22487
|
};
|
|
22282
22488
|
|
|
22489
|
+
class TimeframeFacetCommon {
|
|
22490
|
+
constructor(props) {
|
|
22491
|
+
this.props = props;
|
|
22492
|
+
this.manualTimeframes = [];
|
|
22493
|
+
this.facetId = this.determineFacetId;
|
|
22494
|
+
this.props.setFacetId(this.facetId);
|
|
22495
|
+
this.manualTimeframes = this.getManualTimeframes();
|
|
22496
|
+
// Initialize two facets: One that is actually used to display values for end users, which only exists
|
|
22497
|
+
// if we need to display something to the end user (ie: timeframes > 0)
|
|
22498
|
+
// A second facet is initialized only to verify the results count. It is never used to display results to end user.
|
|
22499
|
+
// It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component
|
|
22500
|
+
if (this.manualTimeframes.length > 0) {
|
|
22501
|
+
this.facetForDateRange = this.props.initializeFacetForDateRange(this.currentValues);
|
|
22502
|
+
}
|
|
22503
|
+
if (this.props.withDatePicker) {
|
|
22504
|
+
this.facetForDatePicker = this.props.initializeFacetForDatePicker();
|
|
22505
|
+
this.facetForDatePickerDependenciesManager =
|
|
22506
|
+
this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);
|
|
22507
|
+
this.filter = this.props.initializeFilter();
|
|
22508
|
+
}
|
|
22509
|
+
if (this.facetForDateRange) {
|
|
22510
|
+
this.facetForDateRangeDependenciesManager =
|
|
22511
|
+
this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId);
|
|
22512
|
+
}
|
|
22513
|
+
if (this.filter) {
|
|
22514
|
+
this.filterDependenciesManager = this.props.buildDependenciesManager(this.filter?.state.facetId);
|
|
22515
|
+
}
|
|
22516
|
+
this.registerFacetToStore();
|
|
22517
|
+
}
|
|
22518
|
+
get determineFacetId() {
|
|
22519
|
+
if (this.props.facetId) {
|
|
22520
|
+
return this.props.facetId;
|
|
22521
|
+
}
|
|
22522
|
+
if (this.props.bindings.store.state.dateFacets[this.props.field]) {
|
|
22523
|
+
return randomID(`${this.props.field}_`);
|
|
22524
|
+
}
|
|
22525
|
+
return this.props.field;
|
|
22526
|
+
}
|
|
22527
|
+
get enabled() {
|
|
22528
|
+
return (this.facetForDateRange?.state.enabled ??
|
|
22529
|
+
this.filter?.state.enabled ??
|
|
22530
|
+
true);
|
|
22531
|
+
}
|
|
22532
|
+
get valuesToRender() {
|
|
22533
|
+
return (this.facetForDateRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);
|
|
22534
|
+
}
|
|
22535
|
+
get shouldRenderValues() {
|
|
22536
|
+
return !this.hasInputRange && !!this.valuesToRender.length;
|
|
22537
|
+
}
|
|
22538
|
+
get shouldRenderFacet() {
|
|
22539
|
+
return this.shouldRenderInput || this.shouldRenderValues;
|
|
22540
|
+
}
|
|
22541
|
+
get shouldRenderInput() {
|
|
22542
|
+
return shouldDisplayInputForFacetRange({
|
|
22543
|
+
hasInput: this.props.withDatePicker,
|
|
22544
|
+
hasInputRange: this.hasInputRange,
|
|
22545
|
+
searchStatusState: this.props.getSearchStatusState(),
|
|
22546
|
+
facetValues: this.facetForDatePicker?.state?.values || [],
|
|
22547
|
+
});
|
|
22548
|
+
}
|
|
22549
|
+
get hasValues() {
|
|
22550
|
+
if (this.facetForDatePicker?.state.values.length) {
|
|
22551
|
+
return true;
|
|
22552
|
+
}
|
|
22553
|
+
return !!this.valuesToRender.length;
|
|
22554
|
+
}
|
|
22555
|
+
get numberOfSelectedValues() {
|
|
22556
|
+
if (this.filter?.state?.range) {
|
|
22557
|
+
return 1;
|
|
22558
|
+
}
|
|
22559
|
+
return (this.facetForDateRange?.state.values.filter(({ state }) => state === 'selected').length || 0);
|
|
22560
|
+
}
|
|
22561
|
+
get hasInputRange() {
|
|
22562
|
+
return !!this.filter?.state.range;
|
|
22563
|
+
}
|
|
22564
|
+
get currentValues() {
|
|
22565
|
+
return this.manualTimeframes.map(({ period, amount, unit }) => period === 'past'
|
|
22566
|
+
? this.props.buildDateRange({
|
|
22567
|
+
start: { period, unit, amount },
|
|
22568
|
+
end: { period: 'now' },
|
|
22569
|
+
})
|
|
22570
|
+
: this.props.buildDateRange({
|
|
22571
|
+
start: { period: 'now' },
|
|
22572
|
+
end: { period, unit, amount },
|
|
22573
|
+
}));
|
|
22574
|
+
}
|
|
22575
|
+
disconnectedCallback() {
|
|
22576
|
+
if (this.props.host.isConnected) {
|
|
22577
|
+
return;
|
|
22578
|
+
}
|
|
22579
|
+
this.facetForDateRangeDependenciesManager?.stopWatching();
|
|
22580
|
+
this.facetForDatePickerDependenciesManager?.stopWatching();
|
|
22581
|
+
this.filterDependenciesManager?.stopWatching();
|
|
22582
|
+
}
|
|
22583
|
+
get isHidden() {
|
|
22584
|
+
return !this.shouldRenderFacet || !this.enabled;
|
|
22585
|
+
}
|
|
22586
|
+
registerFacetToStore() {
|
|
22587
|
+
const facetInfo = {
|
|
22588
|
+
label: () => this.props.bindings.i18n.t(this.props.label),
|
|
22589
|
+
facetId: this.facetId,
|
|
22590
|
+
element: this.props.host,
|
|
22591
|
+
isHidden: () => this.isHidden,
|
|
22592
|
+
};
|
|
22593
|
+
this.props.bindings.store.registerFacet('dateFacets', {
|
|
22594
|
+
...facetInfo,
|
|
22595
|
+
format: (value) => this.formatFacetValue(value),
|
|
22596
|
+
});
|
|
22597
|
+
initializePopover(this.props.host, {
|
|
22598
|
+
...facetInfo,
|
|
22599
|
+
hasValues: () => this.hasValues,
|
|
22600
|
+
numberOfActiveValues: () => this.numberOfSelectedValues,
|
|
22601
|
+
});
|
|
22602
|
+
if (this.filter) {
|
|
22603
|
+
this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =
|
|
22604
|
+
this.props.bindings.store.state.dateFacets[this.facetId];
|
|
22605
|
+
}
|
|
22606
|
+
}
|
|
22607
|
+
getManualTimeframes() {
|
|
22608
|
+
return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(({ label, amount, unit, period }) => ({
|
|
22609
|
+
label,
|
|
22610
|
+
amount,
|
|
22611
|
+
unit,
|
|
22612
|
+
period,
|
|
22613
|
+
}));
|
|
22614
|
+
}
|
|
22615
|
+
formatFacetValue(facetValue) {
|
|
22616
|
+
try {
|
|
22617
|
+
const startDate = this.props.deserializeRelativeDate(facetValue.start);
|
|
22618
|
+
const relativeDate = startDate.period === 'past'
|
|
22619
|
+
? startDate
|
|
22620
|
+
: this.props.deserializeRelativeDate(facetValue.end);
|
|
22621
|
+
const timeframe = this.getManualTimeframes().find((timeframe) => timeframe.period === relativeDate.period &&
|
|
22622
|
+
timeframe.unit === relativeDate.unit &&
|
|
22623
|
+
timeframe.amount === relativeDate.amount);
|
|
22624
|
+
if (timeframe?.label) {
|
|
22625
|
+
return getFieldValueCaption(this.props.field, timeframe.label, this.props.bindings.i18n);
|
|
22626
|
+
}
|
|
22627
|
+
return this.props.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {
|
|
22628
|
+
count: relativeDate.amount,
|
|
22629
|
+
});
|
|
22630
|
+
}
|
|
22631
|
+
catch (_error) {
|
|
22632
|
+
return this.props.bindings.i18n.t('to', {
|
|
22633
|
+
start: parseDate(facetValue.start).format('YYYY-MM-DD'),
|
|
22634
|
+
end: parseDate(facetValue.end).format('YYYY-MM-DD'),
|
|
22635
|
+
});
|
|
22636
|
+
}
|
|
22637
|
+
}
|
|
22638
|
+
renderValues() {
|
|
22639
|
+
return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));
|
|
22640
|
+
}
|
|
22641
|
+
renderValue(facetValue) {
|
|
22642
|
+
const displayValue = this.formatFacetValue(facetValue);
|
|
22643
|
+
const isSelected = facetValue.state === 'selected';
|
|
22644
|
+
const isExcluded = facetValue.state === 'excluded';
|
|
22645
|
+
return renderFacetValueLink({
|
|
22646
|
+
props: {
|
|
22647
|
+
displayValue,
|
|
22648
|
+
isSelected,
|
|
22649
|
+
numberOfResults: facetValue.numberOfResults,
|
|
22650
|
+
i18n: this.props.bindings.i18n,
|
|
22651
|
+
onClick: () => this.facetForDateRange.toggleSingleSelect(facetValue),
|
|
22652
|
+
},
|
|
22653
|
+
})(renderFacetValueLabelHighlight({
|
|
22654
|
+
props: {
|
|
22655
|
+
displayValue,
|
|
22656
|
+
isSelected,
|
|
22657
|
+
isExcluded,
|
|
22658
|
+
},
|
|
22659
|
+
}));
|
|
22660
|
+
}
|
|
22661
|
+
renderValuesContainer(children) {
|
|
22662
|
+
return renderFacetValuesGroup({
|
|
22663
|
+
props: {
|
|
22664
|
+
i18n: this.props.bindings.i18n,
|
|
22665
|
+
label: this.props.label,
|
|
22666
|
+
},
|
|
22667
|
+
})(lit.html `<ul class="mt-3" part="values">
|
|
22668
|
+
${children}
|
|
22669
|
+
</ul>`);
|
|
22670
|
+
}
|
|
22671
|
+
renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
|
|
22672
|
+
return renderFacetHeader({
|
|
22673
|
+
props: {
|
|
22674
|
+
i18n: this.props.bindings.i18n,
|
|
22675
|
+
label: this.props.label,
|
|
22676
|
+
onClearFilters: () => {
|
|
22677
|
+
headerFocus.focusAfterSearch();
|
|
22678
|
+
if (this.filter?.state.range) {
|
|
22679
|
+
this.filter?.clear();
|
|
22680
|
+
return;
|
|
22681
|
+
}
|
|
22682
|
+
this.facetForDateRange?.deselectAll();
|
|
22683
|
+
},
|
|
22684
|
+
numberOfActiveValues: this.numberOfSelectedValues,
|
|
22685
|
+
isCollapsed,
|
|
22686
|
+
headingLevel: this.props.headingLevel,
|
|
22687
|
+
onToggleCollapse,
|
|
22688
|
+
headerRef: (el) => headerFocus.setTarget(el),
|
|
22689
|
+
},
|
|
22690
|
+
});
|
|
22691
|
+
}
|
|
22692
|
+
renderDateInput() {
|
|
22693
|
+
return lit.html `<atomic-facet-date-input
|
|
22694
|
+
.min=${this.props.min}
|
|
22695
|
+
.max=${this.props.max}
|
|
22696
|
+
.label=${this.props.label}
|
|
22697
|
+
.facetId=${this.filter.state.facetId}
|
|
22698
|
+
.inputRange=${this.filter.state.range}
|
|
22699
|
+
@atomic-date-input-apply=${(event) => {
|
|
22700
|
+
this.filter.setRange({
|
|
22701
|
+
start: event.detail.start,
|
|
22702
|
+
end: event.detail.end,
|
|
22703
|
+
});
|
|
22704
|
+
}}
|
|
22705
|
+
></atomic-facet-date-input>`;
|
|
22706
|
+
}
|
|
22707
|
+
render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse, }) {
|
|
22708
|
+
if (hasError || !this.enabled) {
|
|
22709
|
+
return lit.nothing;
|
|
22710
|
+
}
|
|
22711
|
+
if (!firstSearchExecuted) {
|
|
22712
|
+
return renderFacetPlaceholder({
|
|
22713
|
+
props: {
|
|
22714
|
+
numberOfValues: this.currentValues.length,
|
|
22715
|
+
isCollapsed,
|
|
22716
|
+
},
|
|
22717
|
+
});
|
|
22718
|
+
}
|
|
22719
|
+
if (!this.shouldRenderFacet) {
|
|
22720
|
+
return lit.nothing;
|
|
22721
|
+
}
|
|
22722
|
+
return renderFacetContainer()(lit.html `${this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}
|
|
22723
|
+
${!isCollapsed
|
|
22724
|
+
? lit.html `${this.shouldRenderValues ? this.renderValues() : lit.nothing}
|
|
22725
|
+
${this.shouldRenderInput ? this.renderDateInput() : lit.nothing}`
|
|
22726
|
+
: lit.nothing}`);
|
|
22727
|
+
}
|
|
22728
|
+
}
|
|
22729
|
+
|
|
22283
22730
|
/**
|
|
22284
22731
|
* Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive result context in result template components.
|
|
22285
22732
|
*
|
|
@@ -27125,6 +27572,70 @@ AtomicFormatUnit$1 = __decorate$Q([
|
|
|
27125
27572
|
decorators_js.customElement('atomic-format-unit')
|
|
27126
27573
|
], AtomicFormatUnit$1);
|
|
27127
27574
|
|
|
27575
|
+
const renderFollowUpInput = ({ props }) => {
|
|
27576
|
+
const { submitButtonDisabled = false, askFollowUp } = props;
|
|
27577
|
+
const inputRef = ref_js.createRef();
|
|
27578
|
+
let isSubmitting = false;
|
|
27579
|
+
const handleSubmit = async () => {
|
|
27580
|
+
const input = inputRef.value;
|
|
27581
|
+
if (!input || isSubmitting)
|
|
27582
|
+
return;
|
|
27583
|
+
const inputValue = input.value.trim();
|
|
27584
|
+
if (!inputValue || submitButtonDisabled) {
|
|
27585
|
+
return;
|
|
27586
|
+
}
|
|
27587
|
+
isSubmitting = true;
|
|
27588
|
+
try {
|
|
27589
|
+
input.value = '';
|
|
27590
|
+
await askFollowUp(inputValue);
|
|
27591
|
+
}
|
|
27592
|
+
finally {
|
|
27593
|
+
isSubmitting = false;
|
|
27594
|
+
}
|
|
27595
|
+
};
|
|
27596
|
+
const handleKeyDown = (e) => {
|
|
27597
|
+
if (e.key === 'Enter') {
|
|
27598
|
+
e.preventDefault();
|
|
27599
|
+
handleSubmit();
|
|
27600
|
+
}
|
|
27601
|
+
};
|
|
27602
|
+
return lit.html `
|
|
27603
|
+
<div class="relative" part="input-container">
|
|
27604
|
+
<input
|
|
27605
|
+
part="input-field"
|
|
27606
|
+
class="w-full rounded-md border border-neutral px-4 py-2 pr-8 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary disabled:bg-neutral-light disabled:text-neutral-dark disabled:cursor-not-allowed"
|
|
27607
|
+
${ref_js.ref(inputRef)}
|
|
27608
|
+
type="text"
|
|
27609
|
+
@keydown=${handleKeyDown}
|
|
27610
|
+
placeholder=${props.i18n.t('ask-follow-up')}
|
|
27611
|
+
aria-label=${props.i18n.t('ask-follow-up')}
|
|
27612
|
+
/>
|
|
27613
|
+
${renderButton({
|
|
27614
|
+
props: {
|
|
27615
|
+
style: 'primary',
|
|
27616
|
+
part: 'submit-button',
|
|
27617
|
+
class: 'absolute right-1 top-1 bottom-1 flex w-8 items-center justify-center rounded-md disabled:bg-primary/60 disabled:opacity-100',
|
|
27618
|
+
type: 'button',
|
|
27619
|
+
disabled: submitButtonDisabled,
|
|
27620
|
+
ariaLabel: props.i18n.t('submit-follow-up'),
|
|
27621
|
+
onClick: handleSubmit,
|
|
27622
|
+
},
|
|
27623
|
+
})(lit.html `<svg
|
|
27624
|
+
class="h-4 w-4"
|
|
27625
|
+
viewBox="0 0 20 20"
|
|
27626
|
+
fill="currentColor"
|
|
27627
|
+
part="submit-icon"
|
|
27628
|
+
>
|
|
27629
|
+
<path
|
|
27630
|
+
fill-rule="evenodd"
|
|
27631
|
+
d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04L10.75 5.612V16.25A.75.75 0 0110 17z"
|
|
27632
|
+
clip-rule="evenodd"
|
|
27633
|
+
/>
|
|
27634
|
+
</svg>`)}
|
|
27635
|
+
</div>
|
|
27636
|
+
`;
|
|
27637
|
+
};
|
|
27638
|
+
|
|
27128
27639
|
var __decorate$P = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
27129
27640
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
27130
27641
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -27265,7 +27776,7 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27265
27776
|
this.searchStatus = headless.buildSearchStatus(this.bindings.engine);
|
|
27266
27777
|
this.tabManager = headless.buildTabManager(this.bindings.engine);
|
|
27267
27778
|
this.controller.insertFeedbackModal();
|
|
27268
|
-
if (window.ResizeObserver && this.
|
|
27779
|
+
if (window.ResizeObserver && this.isCollapsibleEnabled) {
|
|
27269
27780
|
const debouncedAdaptAnswerHeight = debounce$1(() => this.adaptAnswerHeight(), 100);
|
|
27270
27781
|
this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);
|
|
27271
27782
|
this.resizeObserver.observe(this);
|
|
@@ -27290,13 +27801,19 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27290
27801
|
if (changedProperties.has('generatedAnswerState')) {
|
|
27291
27802
|
const oldState = changedProperties.get('generatedAnswerState');
|
|
27292
27803
|
if (oldState &&
|
|
27293
|
-
this.generatedAnswerState?.expanded !== oldState?.expanded
|
|
27804
|
+
this.generatedAnswerState?.expanded !== oldState?.expanded &&
|
|
27805
|
+
this.isCollapsibleEnabled) {
|
|
27294
27806
|
const container = this.getAnswerContainer();
|
|
27295
27807
|
if (container) {
|
|
27296
27808
|
this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);
|
|
27297
27809
|
}
|
|
27298
27810
|
}
|
|
27299
27811
|
}
|
|
27812
|
+
if ((changedProperties.has('collapsible') ||
|
|
27813
|
+
changedProperties.has('agentId')) &&
|
|
27814
|
+
!this.isCollapsibleEnabled) {
|
|
27815
|
+
this.resetCollapsibleStyles();
|
|
27816
|
+
}
|
|
27300
27817
|
}
|
|
27301
27818
|
render() {
|
|
27302
27819
|
if (!shouldDisplayOnCurrentTab(this.tabsIncluded, this.tabsExcluded, this.tabManagerState?.activeTab)) {
|
|
@@ -27332,14 +27849,24 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27332
27849
|
>
|
|
27333
27850
|
<div part="generated-content">
|
|
27334
27851
|
${this.renderCardHeaderWrapper()}
|
|
27335
|
-
${when_js.when(this.isAnswerVisible, () => lit.html ` <div part="generated-content-container" class="
|
|
27336
|
-
<
|
|
27337
|
-
|
|
27852
|
+
${when_js.when(this.isAnswerVisible, () => lit.html ` <div part="generated-content-container" class="pb-6">
|
|
27853
|
+
<div
|
|
27854
|
+
class=${classMap_js.classMap({
|
|
27855
|
+
'px-6': true,
|
|
27856
|
+
'agent-scrollable': this.areFollowUpsEnabled,
|
|
27857
|
+
})}
|
|
27858
|
+
>
|
|
27859
|
+
<article>${this.renderAnswerContent()}</article>
|
|
27860
|
+
</div>
|
|
27861
|
+
<div class="px-6 pt-2">
|
|
27862
|
+
${this.renderAskFollowUpInputWrapper()}
|
|
27863
|
+
${renderDisclaimer({
|
|
27338
27864
|
props: {
|
|
27339
27865
|
i18n: this.bindings.i18n,
|
|
27340
27866
|
isStreaming: !!this.generatedAnswerState.isStreaming,
|
|
27341
27867
|
},
|
|
27342
27868
|
})}
|
|
27869
|
+
</div>
|
|
27343
27870
|
</div>`)}
|
|
27344
27871
|
</div>
|
|
27345
27872
|
</aside>
|
|
@@ -27409,7 +27936,11 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27409
27936
|
?.getBoundingClientRect().height;
|
|
27410
27937
|
if (answerHeight) {
|
|
27411
27938
|
const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
27412
|
-
|
|
27939
|
+
const nextFullAnswerHeight = answerHeight / rootFontSize;
|
|
27940
|
+
if (this.fullAnswerHeight !== nextFullAnswerHeight) {
|
|
27941
|
+
this.fullAnswerHeight = nextFullAnswerHeight;
|
|
27942
|
+
this.requestUpdate();
|
|
27943
|
+
}
|
|
27413
27944
|
this.updateAnswerHeight();
|
|
27414
27945
|
}
|
|
27415
27946
|
}
|
|
@@ -27450,8 +27981,7 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27450
27981
|
clickLike() {
|
|
27451
27982
|
this.controller.clickLike();
|
|
27452
27983
|
}
|
|
27453
|
-
renderCitationsList() {
|
|
27454
|
-
const { citations } = this.generatedAnswerState ?? {};
|
|
27984
|
+
renderCitationsList(citations) {
|
|
27455
27985
|
return renderCitations({
|
|
27456
27986
|
props: {
|
|
27457
27987
|
citations,
|
|
@@ -27487,22 +28017,67 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27487
28017
|
});
|
|
27488
28018
|
}
|
|
27489
28019
|
renderAnswerContent() {
|
|
27490
|
-
|
|
27491
|
-
|
|
27492
|
-
|
|
27493
|
-
|
|
28020
|
+
if (this.areFollowUpsEnabled) {
|
|
28021
|
+
const generatedAnswerWithQuestion = {
|
|
28022
|
+
...this.generatedAnswerState,
|
|
28023
|
+
question: this.bindings.engine.state.query?.q ?? '',
|
|
28024
|
+
};
|
|
28025
|
+
const allGeneratedAnswers = [
|
|
28026
|
+
generatedAnswerWithQuestion,
|
|
28027
|
+
...(this.generatedAnswerWithFollowUps?.state.followUpAnswers
|
|
28028
|
+
.followUpAnswers ?? []),
|
|
28029
|
+
];
|
|
28030
|
+
return lit.html `<atomic-generated-answers-thread
|
|
28031
|
+
.generatedAnswers=${allGeneratedAnswers}
|
|
28032
|
+
.i18n=${this.bindings.i18n}
|
|
28033
|
+
.renderCitations=${this.renderCitationsList.bind(this)}
|
|
28034
|
+
.onClickLike=${(answerId) => this.generatedAnswer.like(answerId)}
|
|
28035
|
+
.onClickDislike=${(answerId) => this.generatedAnswer.dislike(answerId)}
|
|
28036
|
+
.onCopyToClipboard=${(answerId) => this.generatedAnswer.logCopyToClipboard(answerId)}
|
|
28037
|
+
></atomic-generated-answers-thread>`;
|
|
28038
|
+
}
|
|
27494
28039
|
return renderAnswerContent({
|
|
27495
28040
|
props: {
|
|
27496
28041
|
i18n: this.bindings.i18n,
|
|
27497
|
-
generatedAnswer:
|
|
27498
|
-
collapsible: this.
|
|
28042
|
+
generatedAnswer: this.generatedAnswerState,
|
|
28043
|
+
collapsible: this.isCollapsibleEnabled,
|
|
27499
28044
|
renderFeedbackAndCopyButtonsSlot: () => this.renderFeedbackAndCopyButtonsWrapper(),
|
|
27500
|
-
renderCitationsSlot: () => lit.html `${this.renderCitationsList()}`,
|
|
28045
|
+
renderCitationsSlot: () => lit.html `${this.renderCitationsList(this.generatedAnswerState.citations)}`,
|
|
27501
28046
|
onRetry: () => this.generatedAnswer?.retry(),
|
|
27502
28047
|
onClickShowButton: () => this.clickOnShowButton(),
|
|
27503
28048
|
},
|
|
27504
28049
|
});
|
|
27505
28050
|
}
|
|
28051
|
+
get hasAgentId() {
|
|
28052
|
+
return Boolean(this.agentId);
|
|
28053
|
+
}
|
|
28054
|
+
get generatedAnswerWithFollowUps() {
|
|
28055
|
+
if (!this.hasAgentId ||
|
|
28056
|
+
!this.generatedAnswer ||
|
|
28057
|
+
!('askFollowUp' in this.generatedAnswer)) {
|
|
28058
|
+
return undefined;
|
|
28059
|
+
}
|
|
28060
|
+
return this.generatedAnswer;
|
|
28061
|
+
}
|
|
28062
|
+
get areFollowUpsEnabled() {
|
|
28063
|
+
return (this.generatedAnswerWithFollowUps?.state.followUpAnswers?.isEnabled ===
|
|
28064
|
+
true);
|
|
28065
|
+
}
|
|
28066
|
+
get isCollapsibleEnabled() {
|
|
28067
|
+
return (this.collapsible &&
|
|
28068
|
+
!this.areFollowUpsEnabled &&
|
|
28069
|
+
(this.fullAnswerHeight ?? 0) > this.validateMaxCollapsedHeight());
|
|
28070
|
+
}
|
|
28071
|
+
resetCollapsibleStyles() {
|
|
28072
|
+
const container = this.getAnswerContainer();
|
|
28073
|
+
const footer = this.getAnswerFooter();
|
|
28074
|
+
if (!container || !footer) {
|
|
28075
|
+
return;
|
|
28076
|
+
}
|
|
28077
|
+
this.toggleClass(container, 'answer-collapsed', false);
|
|
28078
|
+
this.toggleClass(footer, 'is-collapsible', false);
|
|
28079
|
+
this.toggleClass(footer, 'generating-label-visible', false);
|
|
28080
|
+
}
|
|
27506
28081
|
renderCardHeaderWrapper() {
|
|
27507
28082
|
return renderCardHeader({
|
|
27508
28083
|
props: {
|
|
@@ -27516,6 +28091,32 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
|
|
|
27516
28091
|
},
|
|
27517
28092
|
});
|
|
27518
28093
|
}
|
|
28094
|
+
get isAnswerGenerationOngoing() {
|
|
28095
|
+
const initialAnswerPending = this.generatedAnswerState.isStreaming ||
|
|
28096
|
+
this.generatedAnswerState.isLoading;
|
|
28097
|
+
return (initialAnswerPending ||
|
|
28098
|
+
(this.generatedAnswerWithFollowUps?.state.followUpAnswers?.followUpAnswers?.some((answer) => answer.isStreaming || answer.isLoading) ??
|
|
28099
|
+
false));
|
|
28100
|
+
}
|
|
28101
|
+
async handleAskFollowUp(question) {
|
|
28102
|
+
if (this.areFollowUpsEnabled) {
|
|
28103
|
+
await this.generatedAnswerWithFollowUps?.askFollowUp(question);
|
|
28104
|
+
}
|
|
28105
|
+
}
|
|
28106
|
+
renderAskFollowUpInputWrapper() {
|
|
28107
|
+
if (!this.areFollowUpsEnabled) {
|
|
28108
|
+
return lit.nothing;
|
|
28109
|
+
}
|
|
28110
|
+
return lit.html ` <div class="mb-2">
|
|
28111
|
+
${renderFollowUpInput({
|
|
28112
|
+
props: {
|
|
28113
|
+
i18n: this.bindings.i18n,
|
|
28114
|
+
submitButtonDisabled: this.isAnswerGenerationOngoing,
|
|
28115
|
+
askFollowUp: this.handleAskFollowUp.bind(this),
|
|
28116
|
+
},
|
|
28117
|
+
})}
|
|
28118
|
+
</div>`;
|
|
28119
|
+
}
|
|
27519
28120
|
};
|
|
27520
28121
|
AtomicGeneratedAnswer$1.styles = [generatedAnswer];
|
|
27521
28122
|
AtomicGeneratedAnswer$1.propsSchema = new Schema({
|
|
@@ -34607,11 +35208,11 @@ let AtomicSearchBox$1 = class AtomicSearchBox extends lit.LitElement {
|
|
|
34607
35208
|
`;
|
|
34608
35209
|
}
|
|
34609
35210
|
};
|
|
34610
|
-
AtomicSearchBox$1.styles = lit.css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;@layer properties{*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--atomic-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-2{top:-.5rem}.-top-4{top:-1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-6{top:1.5rem}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:-.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-12{right:3rem}.right-20{right:5rem}.right-px{right:1px}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%;@media (width >= 1024px){max-width:1024px}@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.container\\!{width:100%!important;@media (width >= 1024px){max-width:1024px!important}@media (width >= 40rem){max-width:40rem!important}@media (width >= 48rem){max-width:48rem!important}@media (width >= 64rem){max-width:64rem!important}@media (width >= 80rem){max-width:80rem!important}@media (width >= 96rem){max-width:96rem!important}}.m-0{margin:0}.m-2{margin:.5rem}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:.125rem}.mx-1{margin-inline:.25rem}.mx-6{margin-inline:1.5rem}.mx-16{margin-inline:4rem}.mx-auto{margin-inline:auto}.my-2{margin-block:.5rem}.my-3{margin-block:.75rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.my-auto{margin-block:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-px{margin-top:1px}.mr-0{margin-right:0}.mr-0\\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:unset}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{@supports not (aspect-ratio:1/1){height:auto}}.aspect-square-\\[auto\\]{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}}.aspect-square{aspect-ratio:1/1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\\/6{height:83.33333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-10{min-height:2.5rem}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:.125rem}.w-1{width:.25rem}.w-1\\/2{width:50%}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\\/6{width:83.33333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-26{width:6.5rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-48{width:12rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-100{width:25rem}.w-\\[2\\.6rem\\]{width:2.6rem}.w-\\[10px\\]{width:10px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:15rem}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:2rem}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(.25rem*var(--tw-space-y-reverse))}}.gap-x-1\\.5{column-gap:.375rem}.gap-x-2{column-gap:.5rem}.gap-x-4{column-gap:1rem}.space-x-1\\.5{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(.375rem*var(--tw-space-x-reverse))}}.gap-y-0\\.5{row-gap:.125rem}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-neutral{:where(&>:not(:last-child)){border-color:var(--atomic-neutral)}}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:calc(infinity*1px)}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:oklch(.928 .006 264.531)}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-t-neutral{border-top-color:var(--atomic-neutral)}.border-b-neutral{border-bottom-color:var(--atomic-neutral)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral{border-left-color:var(--atomic-neutral)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:rgba(40,40,40,.8)}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:oklch(.985 .002 247.839)}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-primary-background{background-color:var(--atomic-primary-background)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to left in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(
|
|
35211
|
+
AtomicSearchBox$1.styles = lit.css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;@layer properties{*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}@layer theme, base, components, utilities;@layer theme;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--default-font-family,var(--atomic-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-2{top:-.5rem}.-top-4{top:-1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:-.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-12{right:3rem}.right-px{right:1px}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%;@media (width >= 1024px){max-width:1024px}@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.container\\!{width:100%!important;@media (width >= 1024px){max-width:1024px!important}@media (width >= 40rem){max-width:40rem!important}@media (width >= 48rem){max-width:48rem!important}@media (width >= 64rem){max-width:64rem!important}@media (width >= 80rem){max-width:80rem!important}@media (width >= 96rem){max-width:96rem!important}}.m-0{margin:0}.m-2{margin:.5rem}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:.125rem}.mx-1{margin-inline:.25rem}.mx-6{margin-inline:1.5rem}.mx-16{margin-inline:4rem}.mx-auto{margin-inline:auto}.my-2{margin-block:.5rem}.my-3{margin-block:.75rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.my-auto{margin-block:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-px{margin-top:1px}.mr-0{margin-right:0}.mr-0\\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:unset}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{@supports not (aspect-ratio:1/1){height:auto}}.aspect-square-\\[auto\\]{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:auto}}.aspect-square{aspect-ratio:1/1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\\/6{height:83.33333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-10{min-height:2.5rem}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:.125rem}.w-1{width:.25rem}.w-1\\/2{width:50%}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\\/6{width:83.33333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-26{width:6.5rem}.w-32{width:8rem}.w-36{width:9rem}.w-48{width:12rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-100{width:25rem}.w-\\[2\\.6rem\\]{width:2.6rem}.w-\\[10px\\]{width:10px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:15rem}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:2rem}.border-collapse{border-collapse:collapse}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(.25rem*var(--tw-space-y-reverse))}}.gap-x-1\\.5{column-gap:.375rem}.gap-x-2{column-gap:.5rem}.gap-x-4{column-gap:1rem}.space-x-1\\.5{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(.375rem*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(.375rem*var(--tw-space-x-reverse))}}.gap-y-0\\.5{row-gap:.125rem}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}}.divide-neutral{:where(&>:not(:last-child)){border-color:var(--atomic-neutral)}}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:calc(infinity*1px)}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:oklch(.928 .006 264.531)}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-t-neutral{border-top-color:var(--atomic-neutral)}.border-b-neutral{border-bottom-color:var(--atomic-neutral)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral{border-left-color:var(--atomic-neutral)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:rgba(40,40,40,.8)}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:oklch(.985 .002 247.839)}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to left in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right;@supports (background-image:linear-gradient(in lab,red,red)){--tw-gradient-position:to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(
|
|
34611
35212
|
--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark)
|
|
34612
35213
|
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-neutral{--tw-gradient-via:var(--atomic-neutral);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(
|
|
34613
35214
|
--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light)
|
|
34614
|
-
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-\\[1\\.25\\]{stroke-width:1.25}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-7{padding-inline:1.75rem}.px-9{padding-inline:2.25rem}.py-0\\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-2\\.5{padding-block:.625rem}.py-3{padding-block:.75rem}.py-3\\.5{padding-block:.875rem}.py-4{padding-block:1rem}.py-4\\.5{padding-block:1.125rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.pt-0\\.5{padding-top:.125rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-24{padding-right:6rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,1.33333)}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556)}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,1.42857)}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,1.4)}.text-xs{font-size:.75rem;line-height:var(--tw-leading,1.33333)}.text-xs\\/\\[1rem\\]{font-size:.75rem;line-height:1rem}.leading-4{--tw-leading:1rem;line-height:1rem}.leading-5{--tw-leading:1.25rem;line-height:1.25rem}.leading-6{--tw-leading:1.5rem;line-height:1.5rem}.leading-8{--tw-leading:2rem;line-height:2rem}.leading-10{--tw-leading:2.5rem;line-height:2.5rem}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:300;font-weight:300}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:600;font-weight:600}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:#000}.text-error{color:var(--atomic-error)}.text-gray-500{color:oklch(.551 .027 264.364)}.text-gray-600{color:oklch(.446 .03 256.802)}.text-gray-700{color:oklch(.373 .034 259.733)}.text-gray-900{color:oklch(.21 .034 264.665)}.text-green-600{color:oklch(.627 .194 149.214)}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(
|
|
35215
|
+
);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-\\[1\\.25\\]{stroke-width:1.25}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-7{padding-inline:1.75rem}.px-9{padding-inline:2.25rem}.py-0\\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-2\\.5{padding-block:.625rem}.py-3{padding-block:.75rem}.py-3\\.5{padding-block:.875rem}.py-4{padding-block:1rem}.py-4\\.5{padding-block:1.125rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.pt-0\\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-24{padding-right:6rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,1.33333)}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556)}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,1.42857)}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,1.4)}.text-xs{font-size:.75rem;line-height:var(--tw-leading,1.33333)}.text-xs\\/\\[1rem\\]{font-size:.75rem;line-height:1rem}.leading-4{--tw-leading:1rem;line-height:1rem}.leading-5{--tw-leading:1.25rem;line-height:1.25rem}.leading-6{--tw-leading:1.5rem;line-height:1.5rem}.leading-8{--tw-leading:2rem;line-height:2rem}.leading-10{--tw-leading:2.5rem;line-height:2.5rem}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:300;font-weight:300}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:600;font-weight:600}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:#000}.text-error{color:var(--atomic-error)}.text-gray-500{color:oklch(.551 .027 264.364)}.text-gray-600{color:oklch(.446 .03 256.802)}.text-gray-700{color:oklch(.373 .034 259.733)}.text-gray-900{color:oklch(.21 .034 264.665)}.text-green-600{color:oklch(.627 .194 149.214)}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(
|
|
34615
35216
|
--atomic-rating-icon-inactive-color,var(--atomic-neutral)
|
|
34616
35217
|
)}.text-red-600{color:oklch(.577 .245 27.325)}.text-success{color:var(--atomic-success)}.text-transparent{color:transparent}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.placeholder-neutral-dark{&::placeholder{color:var(--atomic-neutral-dark)}}.opacity-0{opacity:0}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-80{opacity:80%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-inner-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner-primary{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--atomic-primary))}.shadow-lg{--tw-shadow:0px 2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.shadow-lg,.shadow-t-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-t-lg{--tw-shadow:0px -2px 8px var(--tw-shadow-color,hsla(180,6%,90%,.75))}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-3{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-primary{--tw-ring-color:var(--atomic-primary)}.ring-ring-primary{--tw-ring-color:var(--atomic-ring-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-error{outline-color:var(--atomic-error)}.outline-neutral{outline-color:var(--atomic-neutral)}.outline-primary{outline-color:var(--atomic-primary)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-\\[visibility\\]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.duration-200{--tw-duration:200ms;transition-duration:.2s}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[grid-area\\:modal\\]{grid-area:modal}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.group-hover\\:visible{&:is(:where(.group):hover *){@media (hover:hover){visibility:visible}}}.group-hover\\:text-error{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-error)}}}.group-hover\\:text-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary)}}}.group-hover\\:text-primary-light{&:is(:where(.group):hover *){@media (hover:hover){color:var(--atomic-primary-light)}}}.group-focus\\:text-primary{&:is(:where(.group):focus *){color:var(--atomic-primary)}}.group-focus\\:text-primary-light{&:is(:where(.group):focus *){color:var(--atomic-primary-light)}}.group-focus-visible\\:text-error{&:is(:where(.group):focus-visible *){color:var(--atomic-error)}}.group-focus-visible\\:text-primary{&:is(:where(.group):focus-visible *){color:var(--atomic-primary)}}.peer-focus-within\\:border-primary-light{&:is(:where(.peer):focus-within~*){border-color:var(--atomic-primary-light)}}.peer-focus-within\\:text-primary-light{&:is(:where(.peer):focus-within~*){color:var(--atomic-primary-light)}}.peer-hover\\:border-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){border-color:var(--atomic-primary-light)}}}.peer-hover\\:text-error{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-error)}}}.peer-hover\\:text-primary-light{&:is(:where(.peer):hover~*){@media (hover:hover){color:var(--atomic-primary-light)}}}.before\\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\\:top-\\[-8px\\]{&:before{content:var(--tw-content);top:-8px}}.before\\:left-0{&:before{content:var(--tw-content);left:0}}.before\\:inline{&:before{content:var(--tw-content);display:inline}}.before\\:h-\\[8px\\]{&:before{content:var(--tw-content);height:8px}}.before\\:w-px{&:before{content:var(--tw-content);width:1px}}.before\\:bg-neutral{&:before{background-color:var(--atomic-neutral);content:var(--tw-content)}}.before\\:content-\\[\\'\\'\\]{&:before{--tw-content:"";content:var(--tw-content)}}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]{&:before{--tw-content:",\\00a0";content:var(--tw-content)}}.after\\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\\:-bottom-0\\.5{&:after{bottom:-.125rem;content:var(--tw-content)}}.after\\:bottom-\\[-8px\\]{&:after{bottom:-8px;content:var(--tw-content)}}.after\\:left-0{&:after{content:var(--tw-content);left:0}}.after\\:block{&:after{content:var(--tw-content);display:block}}.after\\:h-1{&:after{content:var(--tw-content);height:.25rem}}.after\\:h-\\[8px\\]{&:after{content:var(--tw-content);height:8px}}.after\\:w-full{&:after{content:var(--tw-content);width:100%}}.after\\:w-px{&:after{content:var(--tw-content);width:1px}}.after\\:rounded{&:after{border-radius:var(--atomic-border-radius);content:var(--tw-content)}}.after\\:bg-neutral{&:after{background-color:var(--atomic-neutral);content:var(--tw-content)}}.after\\:bg-primary{&:after{background-color:var(--atomic-primary);content:var(--tw-content)}}.after\\:content-\\[\\'\\'\\]{&:after{--tw-content:"";content:var(--tw-content)}}.focus-within\\:border-disabled{&:focus-within{border-color:var(--atomic-disabled)}}.focus-within\\:border-primary{&:focus-within{border-color:var(--atomic-primary)}}.focus-within\\:ring-3{&:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\\:ring-neutral{&:focus-within{--tw-ring-color:var(--atomic-neutral)}}.focus-within\\:ring-ring-primary{&:focus-within{--tw-ring-color:var(--atomic-ring-primary)}}.hover\\:border{&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}}.hover\\:border-error{&:hover{@media (hover:hover){border-color:var(--atomic-error)}}}.hover\\:border-primary-light{&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}}.hover\\:bg-error{&:hover{@media (hover:hover){background-color:var(--atomic-error)}}}.hover\\:bg-neutral-light{&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}}.hover\\:bg-primary-light{&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}}.hover\\:bg-transparent{&:hover{@media (hover:hover){background-color:transparent}}}.hover\\:fill-white{&:hover{@media (hover:hover){fill:#fff}}}.hover\\:text-error{&:hover{@media (hover:hover){color:var(--atomic-error)}}}.hover\\:text-primary{&:hover{@media (hover:hover){color:var(--atomic-primary)}}}.hover\\:text-primary-light{&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}}.hover\\:text-success{&:hover{@media (hover:hover){color:var(--atomic-success)}}}.hover\\:underline{&:hover{@media (hover:hover){text-decoration-line:underline}}}.hover\\:opacity-100{&:hover{@media (hover:hover){opacity:100%}}}.hover\\:shadow-sm{&:hover{@media (hover:hover){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus\\:border-primary{&:focus{border-color:var(--atomic-primary)}}.focus\\:opacity-100{&:focus{opacity:100%}}.focus\\:ring-1{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-primary{&:focus{--tw-ring-color:var(--atomic-primary)}}.focus\\:outline-hidden{&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}.focus\\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.focus-visible\\:border{&:focus-visible{border-style:var(--tw-border-style);border-width:1px}}.focus-visible\\:border-error{&:focus-visible{border-color:var(--atomic-error)}}.focus-visible\\:border-primary{&:focus-visible{border-color:var(--atomic-primary)}}.focus-visible\\:border-primary-light{&:focus-visible{border-color:var(--atomic-primary-light)}}.focus-visible\\:bg-error{&:focus-visible{background-color:var(--atomic-error)}}.focus-visible\\:bg-neutral-light{&:focus-visible{background-color:var(--atomic-neutral-light)}}.focus-visible\\:bg-primary-light{&:focus-visible{background-color:var(--atomic-primary-light)}}.focus-visible\\:text-primary-light{&:focus-visible{color:var(--atomic-primary-light)}}.focus-visible\\:underline{&:focus-visible{text-decoration-line:underline}}.focus-visible\\:ring-2{&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\\:ring-primary{&:focus-visible{--tw-ring-color:var(--atomic-primary)}}.focus-visible\\:ring-offset-2{&:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\\:outline-none{&:focus-visible{--tw-outline-style:none;outline-style:none}}.disabled\\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\\:bg-neutral-light{&:disabled{background-color:var(--atomic-neutral-light)}}.disabled\\:bg-primary\\/60{&:disabled{background-color:color-mix(in srgb,#126ce0 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}}.disabled\\:text-neutral-dark{&:disabled{color:var(--atomic-neutral-dark)}}.disabled\\:opacity-100{&:disabled{opacity:100%}}.desktop\\:mt-2{@media (width >= 1024px){margin-top:.5rem}}.sm\\:px-6{@media (width >= 40rem){padding-inline:1.5rem}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible{&:is(part="breadcrumb-button"){visibility:visible}}}@layer theme, base, components, utilities;@layer components{.input-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;&:before{--tw-content:attr(value);content:var(--tw-content)}}.btn-primary{background-color:var(--atomic-primary);border-radius:var(--atomic-border-radius);color:var(--atomic-on-primary);&:hover{@media (hover:hover){background-color:var(--atomic-primary-light)}}&:focus-visible{background-color:var(--atomic-primary-light)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{background-color:var(--atomic-disabled);cursor:not-allowed}}.btn-outline-primary{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-primary);&:hover{@media (hover:hover){border-color:var(--atomic-primary-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-neutral);cursor:not-allowed}}.btn-text-primary{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-primary);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-outline-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-bg-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-primary)}}&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{border-color:var(--atomic-primary)}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-outline-error{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){border-color:var(--atomic-error)}}&:hover{@media (hover:hover){color:var(--atomic-error)}}&:focus-visible{border-color:var(--atomic-error)}&:focus-visible{color:var(--atomic-error)}&:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}&:focus-visible{--tw-ring-color:var(--atomic-ring-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}&:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:50%}}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:hover{@media (hover:hover){color:var(--atomic-primary)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{color:var(--atomic-primary)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-text-transparent{color:var(--atomic-on-background);&:hover{@media (hover:hover){color:var(--atomic-primary-light)}}&:focus-visible{color:var(--atomic-primary-light)}}.btn-square-neutral{background-color:var(--atomic-background);border-color:var(--atomic-neutral);border-style:var(--tw-border-style);border-width:1px;color:var(--atomic-on-background);&:hover{@media (hover:hover){background-color:var(--atomic-neutral-light)}}&:focus-visible{background-color:var(--atomic-neutral-light)}&:focus-visible{--tw-outline-style:none;outline-style:none}}.btn-page{border-style:var(--tw-border-style);border-width:0;display:grid;font-size:var(--atomic-text-lg);height:2.5rem;line-height:var(--tw-leading,1.55556);place-items:center;width:2.5rem;&:hover{@media (hover:hover){border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-style:var(--tw-border-style);border-top-width:1px}}&:focus-visible{border-style:var(--tw-border-style);border-width:1px}&.selected{border-color:var(--atomic-primary);border-style:var(--tw-border-style);border-width:2px;--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}}}@layer base{:host{display:block}:host,button,input,select{font-family:var(--atomic-font-family);font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}button{cursor:pointer}:host(.atomic-hidden){display:none}.ripple{animation:ripple var(--animation-duration) linear;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.ripple-relative{position:relative}.ripple-parent{overflow:hidden}@keyframes ripple{to{opacity:0;transform:scale(4)}}}.loading{--tw-gradient-from:var(--atomic-primary-dark);--tw-gradient-to:var(--atomic-primary-light);--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))}.loading:after{background-color:var(--atomic-background);border-radius:calc(infinity*1px);content:"";height:83.33333%;position:absolute;width:83.33333%}[part=textarea-expander]{&:after{content:attr(data-replicated-value) " ";visibility:hidden}>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}&:after,>[part=textarea]{background-color:transparent;color:var(--atomic-neutral-dark);flex-grow:1;font-size:var(--atomic-text-lg);height:100%;line-height:var(--tw-leading,1.55556);overflow:hidden;padding-block:.875rem;padding-inline:1rem;resize:none;white-space:nowrap;z-index:10;--tw-outline-style:none;grid-area:1/1/2/2;outline-style:none}&.expanded{&:after,>[part=textarea]{max-height:8em;overflow-y:auto;white-space:pre-wrap}}}[part~=instant-results-item]{padding:.75rem}[part~=instant-results-show-all]{border-top:1px var(--tw-border-style) var(--atomic-neutral);box-sizing:content-box;justify-content:center;margin-top:auto;padding-block:.25rem;button{background-color:transparent}}[part~=suggestions-left]+[part~=suggestions-right]{border-left:1px var(--tw-border-style) var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column;@media (width >= 1024px){flex-direction:row}}:host{position:relative;z-index:10}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}`;
|
|
34617
35218
|
__decorate$e([
|
|
@@ -37109,247 +37710,6 @@ AtomicTableElement$1 = __decorate$1([
|
|
|
37109
37710
|
decorators_js.customElement('atomic-table-element')
|
|
37110
37711
|
], AtomicTableElement$1);
|
|
37111
37712
|
|
|
37112
|
-
class TimeframeFacetCommon {
|
|
37113
|
-
constructor(props) {
|
|
37114
|
-
this.props = props;
|
|
37115
|
-
this.manualTimeframes = [];
|
|
37116
|
-
this.facetId = this.determineFacetId;
|
|
37117
|
-
this.props.setFacetId(this.facetId);
|
|
37118
|
-
this.manualTimeframes = this.getManualTimeframes();
|
|
37119
|
-
// Initialize two facets: One that is actually used to display values for end users, which only exists
|
|
37120
|
-
// if we need to display something to the end user (ie: timeframes > 0)
|
|
37121
|
-
// A second facet is initialized only to verify the results count. It is never used to display results to end user.
|
|
37122
|
-
// It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component
|
|
37123
|
-
if (this.manualTimeframes.length > 0) {
|
|
37124
|
-
this.facetForDateRange = this.props.initializeFacetForDateRange(this.currentValues);
|
|
37125
|
-
}
|
|
37126
|
-
if (this.props.withDatePicker) {
|
|
37127
|
-
this.facetForDatePicker = this.props.initializeFacetForDatePicker();
|
|
37128
|
-
this.facetForDatePickerDependenciesManager =
|
|
37129
|
-
this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);
|
|
37130
|
-
this.filter = this.props.initializeFilter();
|
|
37131
|
-
}
|
|
37132
|
-
if (this.facetForDateRange) {
|
|
37133
|
-
this.facetForDateRangeDependenciesManager =
|
|
37134
|
-
this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId);
|
|
37135
|
-
}
|
|
37136
|
-
if (this.filter) {
|
|
37137
|
-
this.filterDependenciesManager = this.props.buildDependenciesManager(this.filter?.state.facetId);
|
|
37138
|
-
}
|
|
37139
|
-
this.registerFacetToStore();
|
|
37140
|
-
}
|
|
37141
|
-
get determineFacetId() {
|
|
37142
|
-
if (this.props.facetId) {
|
|
37143
|
-
return this.props.facetId;
|
|
37144
|
-
}
|
|
37145
|
-
if (this.props.bindings.store.state.dateFacets[this.props.field]) {
|
|
37146
|
-
return randomID(`${this.props.field}_`);
|
|
37147
|
-
}
|
|
37148
|
-
return this.props.field;
|
|
37149
|
-
}
|
|
37150
|
-
get enabled() {
|
|
37151
|
-
return (this.facetForDateRange?.state.enabled ??
|
|
37152
|
-
this.filter?.state.enabled ??
|
|
37153
|
-
true);
|
|
37154
|
-
}
|
|
37155
|
-
get valuesToRender() {
|
|
37156
|
-
return (this.facetForDateRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);
|
|
37157
|
-
}
|
|
37158
|
-
get shouldRenderValues() {
|
|
37159
|
-
return !this.hasInputRange && !!this.valuesToRender.length;
|
|
37160
|
-
}
|
|
37161
|
-
get shouldRenderFacet() {
|
|
37162
|
-
return this.shouldRenderInput || this.shouldRenderValues;
|
|
37163
|
-
}
|
|
37164
|
-
get shouldRenderInput() {
|
|
37165
|
-
return shouldDisplayInputForFacetRange({
|
|
37166
|
-
hasInput: this.props.withDatePicker,
|
|
37167
|
-
hasInputRange: this.hasInputRange,
|
|
37168
|
-
searchStatusState: this.props.getSearchStatusState(),
|
|
37169
|
-
facetValues: this.facetForDatePicker?.state?.values || [],
|
|
37170
|
-
});
|
|
37171
|
-
}
|
|
37172
|
-
get hasValues() {
|
|
37173
|
-
if (this.facetForDatePicker?.state.values.length) {
|
|
37174
|
-
return true;
|
|
37175
|
-
}
|
|
37176
|
-
return !!this.valuesToRender.length;
|
|
37177
|
-
}
|
|
37178
|
-
get numberOfSelectedValues() {
|
|
37179
|
-
if (this.filter?.state?.range) {
|
|
37180
|
-
return 1;
|
|
37181
|
-
}
|
|
37182
|
-
return (this.facetForDateRange?.state.values.filter(({ state }) => state === 'selected').length || 0);
|
|
37183
|
-
}
|
|
37184
|
-
get hasInputRange() {
|
|
37185
|
-
return !!this.filter?.state.range;
|
|
37186
|
-
}
|
|
37187
|
-
get currentValues() {
|
|
37188
|
-
return this.manualTimeframes.map(({ period, amount, unit }) => period === 'past'
|
|
37189
|
-
? this.props.buildDateRange({
|
|
37190
|
-
start: { period, unit, amount },
|
|
37191
|
-
end: { period: 'now' },
|
|
37192
|
-
})
|
|
37193
|
-
: this.props.buildDateRange({
|
|
37194
|
-
start: { period: 'now' },
|
|
37195
|
-
end: { period, unit, amount },
|
|
37196
|
-
}));
|
|
37197
|
-
}
|
|
37198
|
-
disconnectedCallback() {
|
|
37199
|
-
if (this.props.host.isConnected) {
|
|
37200
|
-
return;
|
|
37201
|
-
}
|
|
37202
|
-
this.facetForDateRangeDependenciesManager?.stopWatching();
|
|
37203
|
-
this.facetForDatePickerDependenciesManager?.stopWatching();
|
|
37204
|
-
this.filterDependenciesManager?.stopWatching();
|
|
37205
|
-
}
|
|
37206
|
-
get isHidden() {
|
|
37207
|
-
return !this.shouldRenderFacet || !this.enabled;
|
|
37208
|
-
}
|
|
37209
|
-
registerFacetToStore() {
|
|
37210
|
-
const facetInfo = {
|
|
37211
|
-
label: () => this.props.bindings.i18n.t(this.props.label),
|
|
37212
|
-
facetId: this.facetId,
|
|
37213
|
-
element: this.props.host,
|
|
37214
|
-
isHidden: () => this.isHidden,
|
|
37215
|
-
};
|
|
37216
|
-
this.props.bindings.store.registerFacet('dateFacets', {
|
|
37217
|
-
...facetInfo,
|
|
37218
|
-
format: (value) => this.formatFacetValue(value),
|
|
37219
|
-
});
|
|
37220
|
-
initializePopover(this.props.host, {
|
|
37221
|
-
...facetInfo,
|
|
37222
|
-
hasValues: () => this.hasValues,
|
|
37223
|
-
numberOfActiveValues: () => this.numberOfSelectedValues,
|
|
37224
|
-
});
|
|
37225
|
-
if (this.filter) {
|
|
37226
|
-
this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =
|
|
37227
|
-
this.props.bindings.store.state.dateFacets[this.facetId];
|
|
37228
|
-
}
|
|
37229
|
-
}
|
|
37230
|
-
getManualTimeframes() {
|
|
37231
|
-
return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(({ label, amount, unit, period }) => ({
|
|
37232
|
-
label,
|
|
37233
|
-
amount,
|
|
37234
|
-
unit,
|
|
37235
|
-
period,
|
|
37236
|
-
}));
|
|
37237
|
-
}
|
|
37238
|
-
formatFacetValue(facetValue) {
|
|
37239
|
-
try {
|
|
37240
|
-
const startDate = this.props.deserializeRelativeDate(facetValue.start);
|
|
37241
|
-
const relativeDate = startDate.period === 'past'
|
|
37242
|
-
? startDate
|
|
37243
|
-
: this.props.deserializeRelativeDate(facetValue.end);
|
|
37244
|
-
const timeframe = this.getManualTimeframes().find((timeframe) => timeframe.period === relativeDate.period &&
|
|
37245
|
-
timeframe.unit === relativeDate.unit &&
|
|
37246
|
-
timeframe.amount === relativeDate.amount);
|
|
37247
|
-
if (timeframe?.label) {
|
|
37248
|
-
return getFieldValueCaption(this.props.field, timeframe.label, this.props.bindings.i18n);
|
|
37249
|
-
}
|
|
37250
|
-
return this.props.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {
|
|
37251
|
-
count: relativeDate.amount,
|
|
37252
|
-
});
|
|
37253
|
-
}
|
|
37254
|
-
catch (_error) {
|
|
37255
|
-
return this.props.bindings.i18n.t('to', {
|
|
37256
|
-
start: parseDate(facetValue.start).format('YYYY-MM-DD'),
|
|
37257
|
-
end: parseDate(facetValue.end).format('YYYY-MM-DD'),
|
|
37258
|
-
});
|
|
37259
|
-
}
|
|
37260
|
-
}
|
|
37261
|
-
renderValues() {
|
|
37262
|
-
return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));
|
|
37263
|
-
}
|
|
37264
|
-
renderValue(facetValue) {
|
|
37265
|
-
const displayValue = this.formatFacetValue(facetValue);
|
|
37266
|
-
const isSelected = facetValue.state === 'selected';
|
|
37267
|
-
const isExcluded = facetValue.state === 'excluded';
|
|
37268
|
-
return renderFacetValueLink({
|
|
37269
|
-
props: {
|
|
37270
|
-
displayValue,
|
|
37271
|
-
isSelected,
|
|
37272
|
-
numberOfResults: facetValue.numberOfResults,
|
|
37273
|
-
i18n: this.props.bindings.i18n,
|
|
37274
|
-
onClick: () => this.facetForDateRange.toggleSingleSelect(facetValue),
|
|
37275
|
-
},
|
|
37276
|
-
})(renderFacetValueLabelHighlight({
|
|
37277
|
-
props: {
|
|
37278
|
-
displayValue,
|
|
37279
|
-
isSelected,
|
|
37280
|
-
isExcluded,
|
|
37281
|
-
},
|
|
37282
|
-
}));
|
|
37283
|
-
}
|
|
37284
|
-
renderValuesContainer(children) {
|
|
37285
|
-
return renderFacetValuesGroup({
|
|
37286
|
-
props: {
|
|
37287
|
-
i18n: this.props.bindings.i18n,
|
|
37288
|
-
label: this.props.label,
|
|
37289
|
-
},
|
|
37290
|
-
})(lit.html `<ul class="mt-3" part="values">
|
|
37291
|
-
${children}
|
|
37292
|
-
</ul>`);
|
|
37293
|
-
}
|
|
37294
|
-
renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
|
|
37295
|
-
return renderFacetHeader({
|
|
37296
|
-
props: {
|
|
37297
|
-
i18n: this.props.bindings.i18n,
|
|
37298
|
-
label: this.props.label,
|
|
37299
|
-
onClearFilters: () => {
|
|
37300
|
-
headerFocus.focusAfterSearch();
|
|
37301
|
-
if (this.filter?.state.range) {
|
|
37302
|
-
this.filter?.clear();
|
|
37303
|
-
return;
|
|
37304
|
-
}
|
|
37305
|
-
this.facetForDateRange?.deselectAll();
|
|
37306
|
-
},
|
|
37307
|
-
numberOfActiveValues: this.numberOfSelectedValues,
|
|
37308
|
-
isCollapsed,
|
|
37309
|
-
headingLevel: this.props.headingLevel,
|
|
37310
|
-
onToggleCollapse,
|
|
37311
|
-
headerRef: (el) => headerFocus.setTarget(el),
|
|
37312
|
-
},
|
|
37313
|
-
});
|
|
37314
|
-
}
|
|
37315
|
-
renderDateInput() {
|
|
37316
|
-
return lit.html `<atomic-facet-date-input
|
|
37317
|
-
.min=${this.props.min}
|
|
37318
|
-
.max=${this.props.max}
|
|
37319
|
-
.label=${this.props.label}
|
|
37320
|
-
.facetId=${this.filter.state.facetId}
|
|
37321
|
-
.inputRange=${this.filter.state.range}
|
|
37322
|
-
@atomic-date-input-apply=${(event) => {
|
|
37323
|
-
this.filter.setRange({
|
|
37324
|
-
start: event.detail.start,
|
|
37325
|
-
end: event.detail.end,
|
|
37326
|
-
});
|
|
37327
|
-
}}
|
|
37328
|
-
></atomic-facet-date-input>`;
|
|
37329
|
-
}
|
|
37330
|
-
render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse, }) {
|
|
37331
|
-
if (hasError || !this.enabled) {
|
|
37332
|
-
return lit.nothing;
|
|
37333
|
-
}
|
|
37334
|
-
if (!firstSearchExecuted) {
|
|
37335
|
-
return renderFacetPlaceholder({
|
|
37336
|
-
props: {
|
|
37337
|
-
numberOfValues: this.currentValues.length,
|
|
37338
|
-
isCollapsed,
|
|
37339
|
-
},
|
|
37340
|
-
});
|
|
37341
|
-
}
|
|
37342
|
-
if (!this.shouldRenderFacet) {
|
|
37343
|
-
return lit.nothing;
|
|
37344
|
-
}
|
|
37345
|
-
return renderFacetContainer()(lit.html `${this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}
|
|
37346
|
-
${!isCollapsed
|
|
37347
|
-
? lit.html `${this.shouldRenderValues ? this.renderValues() : lit.nothing}
|
|
37348
|
-
${this.shouldRenderInput ? this.renderDateInput() : lit.nothing}`
|
|
37349
|
-
: lit.nothing}`);
|
|
37350
|
-
}
|
|
37351
|
-
}
|
|
37352
|
-
|
|
37353
37713
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
37354
37714
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
37355
37715
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|