@coveo/atomic-react 3.11.33 → 3.11.35
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/README.md +11 -43
- package/dist/cjs/atomic-react.cjs +1830 -1986
- package/dist/cjs/atomic-react.cjs.map +1 -1
- package/dist/cjs/commerce/atomic-react.cjs +172 -331
- package/dist/cjs/commerce/atomic-react.cjs.map +1 -1
- package/dist/cjs/recommendation/atomic-react.cjs +1830 -1987
- package/dist/cjs/recommendation/atomic-react.cjs.map +1 -1
- package/dist/esm/atomic-react.mjs +1 -1
- package/dist/esm/atomic-react.mjs.map +1 -1
- package/dist/esm/commerce/atomic-react.mjs +2 -3
- package/dist/esm/commerce/atomic-react.mjs.map +1 -1
- package/dist/esm/recommendation/atomic-react.mjs +1 -2
- package/dist/esm/recommendation/atomic-react.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -360,8 +360,7 @@ const renderButton = ({ props })=>(children)=>{
|
|
|
360
360
|
?disabled=${props.disabled}
|
|
361
361
|
${props.ref ? ref_js.ref(props.ref) : lit.nothing}
|
|
362
362
|
>
|
|
363
|
-
${when_js.when(props.text, ()=>lit.html`<span class="truncate">${props.text}</span>`)}
|
|
364
|
-
${children}
|
|
363
|
+
${when_js.when(props.text, ()=>lit.html`<span class="truncate">${props.text}</span>`)} ${children}
|
|
365
364
|
</button>`;
|
|
366
365
|
};
|
|
367
366
|
|
|
@@ -2723,7 +2722,7 @@ function bindingGuard() {
|
|
|
2723
2722
|
};
|
|
2724
2723
|
}
|
|
2725
2724
|
|
|
2726
|
-
const css = `/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@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:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-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);line-height:1.5;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%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;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)){::placeholder{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-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}: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)}}}@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}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio: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)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary: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)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary: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)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-neutral:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-error:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent: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)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.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 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:calc(var(--spacing,.25rem)*-2)}.-top-4{top:calc(var(--spacing,.25rem)*-4)}.top-0{top:0}.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:0}.right-1{right:var(--spacing,.25rem)}.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:0}.bottom-1{bottom:var(--spacing,.25rem)}.bottom-2{bottom:calc(var(--spacing,.25rem)*2)}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:var(--spacing,.25rem)}.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 (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{max-width:96rem!important}}.m-0{margin:0}.m-2{margin:calc(var(--spacing,.25rem)*2)}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:calc(var(--spacing,.25rem)*.5)}.mx-1{margin-inline:var(--spacing,.25rem)}.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-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:0}.mt-1{margin-top:var(--spacing,.25rem)}.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:0}.mr-0\\.5{margin-right:calc(var(--spacing,.25rem)*.5)}.mr-1{margin-right:var(--spacing,.25rem)}.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:0}.mb-1{margin-bottom:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.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;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio:1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:var(--spacing,.25rem)}.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.3333%}.h-6{height:calc(var(--spacing,.25rem)*6)}.h-7{height:calc(var(--spacing,.25rem)*7)}.h-8{height:calc(var(--spacing,.25rem)*8)}.h-9{height:calc(var(--spacing,.25rem)*9)}.h-10{height:calc(var(--spacing,.25rem)*10)}.h-12{height:calc(var(--spacing,.25rem)*12)}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing,.25rem)*96)}.min-h-3{min-height:calc(var(--spacing,.25rem)*3)}.min-h-5{min-height:calc(var(--spacing,.25rem)*5)}.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:var(--spacing,.25rem)}.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.3333%}.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: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,.25rem)*8)}.-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}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.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:var(--spacing,.25rem)}.gap-1\\.5{gap:calc(var(--spacing,.25rem)*1.5)}.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)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing,.25rem)*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing,.25rem)*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)}:where(.space-x-1\\.5>: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)}:where(.divide-y>: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))}:where(.divide-neutral>: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-visible{overflow:visible}.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:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.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-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.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:#282828cc}.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-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.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)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{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)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}}.from-background\\/60{--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(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-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))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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-24{padding-right:calc(var(--spacing,.25rem)*24)}.pb-1{padding-bottom:var(--spacing,.25rem)}.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:0}.pl-1{padding-left:var(--spacing,.25rem)}.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,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4)}.leading-5{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}.leading-6{--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6)}.leading-8{--tw-leading:calc(var(--spacing,.25rem)*8);line-height:calc(var(--spacing,.25rem)*8)}.leading-10{--tw-leading:calc(var(--spacing,.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(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:var(--color-red-600,oklch(57.7% .245 27.325))}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.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:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.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,#e5e8e8bf)}.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,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.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-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):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)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):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\\:transition-colors:before{content:var(--tw-content);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)))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{background-color:var(--atomic-neutral-dark);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:0}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1:after{content:var(--tw-content);height:var(--spacing,.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\\:transition-colors:after{content:var(--tw-content);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)))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{background-color:var(--atomic-neutral-dark);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)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:var(--color-white,#fff)}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline:2px solid #0000;outline-offset:2px}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.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\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:calc(var(--spacing,.25rem)*2)}}@media (min-width:40rem){.sm\\:px-6{padding-inline:calc(var(--spacing,.25rem)*6)}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}@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:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
|
|
2725
|
+
const css = `/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@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:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-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);line-height:1.5;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%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;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)){::placeholder{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-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}: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)}}}@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}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio: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)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary: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)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary: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)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-neutral:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-error:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent: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)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.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 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:calc(var(--spacing,.25rem)*-2)}.-top-4{top:calc(var(--spacing,.25rem)*-4)}.top-0{top:0}.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:0}.right-1{right:var(--spacing,.25rem)}.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:0}.bottom-1{bottom:var(--spacing,.25rem)}.bottom-2{bottom:calc(var(--spacing,.25rem)*2)}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:var(--spacing,.25rem)}.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}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{max-width:96rem!important}}.m-0{margin:0}.m-2{margin:calc(var(--spacing,.25rem)*2)}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:calc(var(--spacing,.25rem)*.5)}.mx-1{margin-inline:var(--spacing,.25rem)}.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-1\\.5{margin-block:calc(var(--spacing,.25rem)*1.5)}.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:0}.mt-1{margin-top:var(--spacing,.25rem)}.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:0}.mr-0\\.5{margin-right:calc(var(--spacing,.25rem)*.5)}.mr-1{margin-right:var(--spacing,.25rem)}.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:0}.mb-1{margin-bottom:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.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;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio:1}.size-\\[27px\\]{height:27px;width:27px}.h-1{height:var(--spacing,.25rem)}.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.3333%}.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-\\[1lh\\]{height:1lh}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing,.25rem)*96)}.min-h-3{min-height:calc(var(--spacing,.25rem)*3)}.min-h-5{min-height:calc(var(--spacing,.25rem)*5)}.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:var(--spacing,.25rem)}.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.3333%}.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-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: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,.25rem)*8)}.-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}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.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-\\[10px_1fr\\]{grid-template-columns:10px 1fr}.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:var(--spacing,.25rem)}.gap-1\\.5{gap:calc(var(--spacing,.25rem)*1.5)}.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)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing,.25rem)*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing,.25rem)*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-3{column-gap:calc(var(--spacing,.25rem)*3)}.gap-x-4{column-gap:calc(var(--spacing,.25rem)*4)}:where(.space-x-1\\.5>: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)}:where(.divide-y>: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))}:where(.divide-neutral>: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-visible{overflow:visible}.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:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.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-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.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:#282828cc}.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-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.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)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{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)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}}.from-background\\/60{--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(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-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))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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:var(--spacing,.25rem)}.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-24{padding-right:calc(var(--spacing,.25rem)*24)}.pb-1{padding-bottom:var(--spacing,.25rem)}.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:0}.pl-1{padding-left:var(--spacing,.25rem)}.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,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4)}.leading-5{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}.leading-6{--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6)}.leading-8{--tw-leading:calc(var(--spacing,.25rem)*8);line-height:calc(var(--spacing,.25rem)*8)}.leading-10{--tw-leading:calc(var(--spacing,.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(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:var(--color-red-600,oklch(57.7% .245 27.325))}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.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:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.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,#e5e8e8bf)}.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,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.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-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):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)}.group-has-\\[button\\:hover\\]\\/title\\:bg-neutral-dark:is(:where(.group\\/title):has(:is(button:hover)) *){background-color:var(--atomic-neutral-dark)}.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)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):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\\:transition-colors:before{content:var(--tw-content);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)))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{background-color:var(--atomic-neutral-dark);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:0}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1:after{content:var(--tw-content);height:var(--spacing,.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\\:transition-colors:after{content:var(--tw-content);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)))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{background-color:var(--atomic-neutral-dark);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)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral:hover{background-color:var(--atomic-neutral)}.hover\\:bg-neutral-dark:hover{background-color:var(--atomic-neutral-dark)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:var(--color-white,#fff)}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline:2px solid #0000;outline-offset:2px}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.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\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:calc(var(--spacing,.25rem)*2)}}@media (min-width:40rem){.sm\\:px-6{padding-inline:calc(var(--spacing,.25rem)*6)}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}@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:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
|
|
2727
2726
|
|
|
2728
2727
|
const tailwindPropertiesSheet = "u" > typeof window ? (()=>{
|
|
2729
2728
|
const propCss = css;
|
|
@@ -3424,11 +3423,7 @@ const renderBreadcrumbContent = ({ props })=>{
|
|
|
3424
3423
|
<span part="breadcrumb-value" class=${multiClassMap(valueClass)}>
|
|
3425
3424
|
${props.breadcrumb.content ?? value}
|
|
3426
3425
|
</span>
|
|
3427
|
-
<atomic-icon
|
|
3428
|
-
part="breadcrumb-clear"
|
|
3429
|
-
class="mt-px ml-2 h-2.5 w-2.5"
|
|
3430
|
-
icon=${images_close}
|
|
3431
|
-
>
|
|
3426
|
+
<atomic-icon part="breadcrumb-clear" class="mt-px ml-2 h-2.5 w-2.5" icon=${images_close}>
|
|
3432
3427
|
</atomic-icon>`;
|
|
3433
3428
|
};
|
|
3434
3429
|
|
|
@@ -3709,7 +3704,9 @@ class AriaLiveRegionController {
|
|
|
3709
3704
|
return element;
|
|
3710
3705
|
}
|
|
3711
3706
|
dispatchMessage(message) {
|
|
3712
|
-
this.getAriaLiveElement()
|
|
3707
|
+
const ariaLiveElement = this.getAriaLiveElement();
|
|
3708
|
+
if (this.preserveQueuedMessages) return void ariaLiveElement?.updateMessage(this.regionName, message, this.assertive, true);
|
|
3709
|
+
ariaLiveElement?.updateMessage(this.regionName, message, this.assertive);
|
|
3713
3710
|
}
|
|
3714
3711
|
set message(msg) {
|
|
3715
3712
|
this.dispatchMessage(msg);
|
|
@@ -3717,10 +3714,11 @@ class AriaLiveRegionController {
|
|
|
3717
3714
|
hostUpdate() {
|
|
3718
3715
|
this.getAriaLiveElement()?.registerRegion(this.regionName, this.assertive);
|
|
3719
3716
|
}
|
|
3720
|
-
constructor(host, regionName, assertive = false){
|
|
3717
|
+
constructor(host, regionName, assertive = false, preserveQueuedMessages = false){
|
|
3721
3718
|
this.host = host;
|
|
3722
3719
|
this.regionName = regionName;
|
|
3723
3720
|
this.assertive = assertive;
|
|
3721
|
+
this.preserveQueuedMessages = preserveQueuedMessages;
|
|
3724
3722
|
this.host.addController(this);
|
|
3725
3723
|
}
|
|
3726
3724
|
}
|
|
@@ -4154,13 +4152,8 @@ AtomicCommerceBreadbox$1 = _ts_decorate$12([
|
|
|
4154
4152
|
], AtomicCommerceBreadbox$1);
|
|
4155
4153
|
|
|
4156
4154
|
const renderFacetContainer = ()=>(children)=>lit.html`
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
part="facet"
|
|
4160
|
-
>
|
|
4161
|
-
${children}
|
|
4162
|
-
</div>
|
|
4163
|
-
`;
|
|
4155
|
+
<div class="bg-background border-neutral rounded-lg border p-4" part="facet">${children}</div>
|
|
4156
|
+
`;
|
|
4164
4157
|
|
|
4165
4158
|
var arrow_bottom_rounded = "<svg viewBox=\"0 0 12.6 7.2\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.421 7.04c-.3 0-.5-.1-.7-.3l-4.6-4.6-4.6 4.6c-.4.4-1 .4-1.4 0s-.4-1 0-1.4l5.2-5.2c.4-.4 1.2-.4 1.6 0l5.2 5.2c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3\" transform=\"matrix(-1 0 0 -1 12.366 7.086)\"/></svg>";
|
|
4166
4159
|
|
|
@@ -4399,10 +4392,7 @@ const renderFacetSearchInput = ({ props })=>{
|
|
|
4399
4392
|
inputRef.value?.focus();
|
|
4400
4393
|
}
|
|
4401
4394
|
}
|
|
4402
|
-
})(lit.html`<atomic-icon
|
|
4403
|
-
part="search-clear-button"
|
|
4404
|
-
.icon=${images_close}
|
|
4405
|
-
></atomic-icon>`))}
|
|
4395
|
+
})(lit.html`<atomic-icon part="search-clear-button" .icon=${images_close}></atomic-icon>`))}
|
|
4406
4396
|
</div>
|
|
4407
4397
|
</div>
|
|
4408
4398
|
`;
|
|
@@ -4564,11 +4554,7 @@ const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId,
|
|
|
4564
4554
|
part: 'all-categories-button',
|
|
4565
4555
|
onClick: onClick
|
|
4566
4556
|
}
|
|
4567
|
-
})(lit.html`<atomic-icon
|
|
4568
|
-
aria-hidden="true"
|
|
4569
|
-
icon=${arrow_left_rounded}
|
|
4570
|
-
part="back-arrow"
|
|
4571
|
-
></atomic-icon>
|
|
4557
|
+
})(lit.html`<atomic-icon aria-hidden="true" icon=${arrow_left_rounded} part="back-arrow"></atomic-icon>
|
|
4572
4558
|
<span class="truncate">${allCategories}</span>`)}
|
|
4573
4559
|
`;
|
|
4574
4560
|
};
|
|
@@ -4602,11 +4588,7 @@ const renderCategoryFacetParentButton = ({ props })=>{
|
|
|
4602
4588
|
ariaLabel: ariaLabel
|
|
4603
4589
|
}
|
|
4604
4590
|
})(lit.html`
|
|
4605
|
-
<atomic-icon
|
|
4606
|
-
icon=${arrow_left_rounded}
|
|
4607
|
-
part="back-arrow"
|
|
4608
|
-
class="back-arrow"
|
|
4609
|
-
></atomic-icon>
|
|
4591
|
+
<atomic-icon icon=${arrow_left_rounded} part="back-arrow" class="back-arrow"></atomic-icon>
|
|
4610
4592
|
<span class="truncate">${displayValue}</span>
|
|
4611
4593
|
`);
|
|
4612
4594
|
};
|
|
@@ -4707,9 +4689,7 @@ class HierarchicalPathDirective extends directive_js.Directive {
|
|
|
4707
4689
|
const ellipsedPath = this.getEllipsedPath(path, maxLength, ellipsis);
|
|
4708
4690
|
return ellipsedPath.map((value, index)=>lit.html`
|
|
4709
4691
|
${index > 0 ? lit.html`<span class=${separatorClass}>${separator}</span>` : ''}
|
|
4710
|
-
<span class=${value === ellipsis ? ellipsisClass : itemClass}>
|
|
4711
|
-
${value}
|
|
4712
|
-
</span>
|
|
4692
|
+
<span class=${value === ellipsis ? ellipsisClass : itemClass}> ${value} </span>
|
|
4713
4693
|
`);
|
|
4714
4694
|
}
|
|
4715
4695
|
getEllipsedPath(path, maxLength, ellipsis) {
|
|
@@ -4782,9 +4762,7 @@ const renderCategoryFacetSearchValue = ({ props })=>{
|
|
|
4782
4762
|
path: localizedPath,
|
|
4783
4763
|
separator: SEPARATOR,
|
|
4784
4764
|
maxLength: PATH_MAX_LENGTH,
|
|
4785
|
-
emptyPathContent: lit.html`<span class="truncate">
|
|
4786
|
-
${inLabel} ${allCategories}
|
|
4787
|
-
</span>`,
|
|
4765
|
+
emptyPathContent: lit.html`<span class="truncate"> ${inLabel} ${allCategories} </span>`,
|
|
4788
4766
|
separatorClass: 'mx-0.5',
|
|
4789
4767
|
itemClass: 'max-w-max flex-1 truncate',
|
|
4790
4768
|
ellipsisClass: ''
|
|
@@ -5937,9 +5915,7 @@ class AtomicCommerceFacetNumberInput extends LightDomMixin(lit.LitElement) {
|
|
|
5937
5915
|
return false;
|
|
5938
5916
|
}}
|
|
5939
5917
|
>
|
|
5940
|
-
<label part="label-start" class=${labelClasses} for="${facetId}_start">
|
|
5941
|
-
${minText}
|
|
5942
|
-
</label>
|
|
5918
|
+
<label part="label-start" class=${labelClasses} for="${facetId}_start"> ${minText} </label>
|
|
5943
5919
|
<input
|
|
5944
5920
|
part="input-start"
|
|
5945
5921
|
id="${facetId}_start"
|
|
@@ -5958,9 +5934,7 @@ class AtomicCommerceFacetNumberInput extends LightDomMixin(lit.LitElement) {
|
|
|
5958
5934
|
this.startRef = ref;
|
|
5959
5935
|
})}
|
|
5960
5936
|
/>
|
|
5961
|
-
<label part="label-end" class=${labelClasses} for="${facetId}_end">
|
|
5962
|
-
${maxText}
|
|
5963
|
-
</label>
|
|
5937
|
+
<label part="label-end" class=${labelClasses} for="${facetId}_end"> ${maxText} </label>
|
|
5964
5938
|
<input
|
|
5965
5939
|
part="input-end"
|
|
5966
5940
|
id="${facetId}_end"
|
|
@@ -6053,11 +6027,7 @@ class AtomicFacetPlaceholder extends lit.LitElement {
|
|
|
6053
6027
|
class="bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7"
|
|
6054
6028
|
aria-hidden="true"
|
|
6055
6029
|
>
|
|
6056
|
-
<div
|
|
6057
|
-
part="title-skeleton"
|
|
6058
|
-
class="bg-neutral h-8 rounded"
|
|
6059
|
-
style="width: 75%;"
|
|
6060
|
-
></div>
|
|
6030
|
+
<div part="title-skeleton" class="bg-neutral h-8 rounded" style="width: 75%;"></div>
|
|
6061
6031
|
<div part="values-container" class="mt-7">
|
|
6062
6032
|
${map_js.map(Array.from({
|
|
6063
6033
|
length: this.valueCount
|
|
@@ -6505,11 +6475,7 @@ class AtomicFacetDateInput extends LightDomMixin(lit.LitElement) {
|
|
|
6505
6475
|
return false;
|
|
6506
6476
|
}}
|
|
6507
6477
|
>
|
|
6508
|
-
<label
|
|
6509
|
-
part="input-label"
|
|
6510
|
-
class=${labelClasses}
|
|
6511
|
-
for=${`${this.facetId}_start`}
|
|
6512
|
-
>
|
|
6478
|
+
<label part="input-label" class=${labelClasses} for=${`${this.facetId}_start`}>
|
|
6513
6479
|
${startLabel}:
|
|
6514
6480
|
</label>
|
|
6515
6481
|
<input
|
|
@@ -6529,11 +6495,7 @@ class AtomicFacetDateInput extends LightDomMixin(lit.LitElement) {
|
|
|
6529
6495
|
this.start = parseDate(e.target.value).toDate();
|
|
6530
6496
|
}}
|
|
6531
6497
|
/>
|
|
6532
|
-
<label
|
|
6533
|
-
part="input-label"
|
|
6534
|
-
class=${labelClasses}
|
|
6535
|
-
for=${`${this.facetId}_end`}
|
|
6536
|
-
>
|
|
6498
|
+
<label part="input-label" class=${labelClasses} for=${`${this.facetId}_end`}>
|
|
6537
6499
|
${endLabel}:
|
|
6538
6500
|
</label>
|
|
6539
6501
|
<input
|
|
@@ -6771,10 +6733,10 @@ let AtomicCommerceTimeframeFacet$1 = class AtomicCommerceTimeframeFacet extends
|
|
|
6771
6733
|
render() {
|
|
6772
6734
|
const { hasError, firstRequestExecuted } = this.summaryState;
|
|
6773
6735
|
return lit.html`${when_js.when(!hasError && firstRequestExecuted && this.shouldRenderFacet, ()=>renderFacetContainer()(lit.html`${this.renderHeader()}
|
|
6774
|
-
|
|
6775
|
-
|
|
6776
|
-
|
|
6777
|
-
|
|
6736
|
+
${when_js.when(!this.isCollapsed, ()=>lit.html`
|
|
6737
|
+
${when_js.when(this.shouldRenderValues, ()=>this.renderValues())}
|
|
6738
|
+
${when_js.when(this.shouldRenderInput, ()=>this.renderDateInput())}
|
|
6739
|
+
`)}`))}`;
|
|
6778
6740
|
}
|
|
6779
6741
|
updated(changedProps) {
|
|
6780
6742
|
super.updated(changedProps);
|
|
@@ -6891,9 +6853,7 @@ let AtomicCommerceFacets$1 = class AtomicCommerceFacets extends LightDomMixin(li
|
|
|
6891
6853
|
renderFacetPlaceholders() {
|
|
6892
6854
|
return map_js.map(Array.from({
|
|
6893
6855
|
length: this.collapseFacetsAfter
|
|
6894
|
-
}), ()=>lit.html`<atomic-facet-placeholder
|
|
6895
|
-
value-count="8"
|
|
6896
|
-
></atomic-facet-placeholder>`);
|
|
6856
|
+
}), ()=>lit.html`<atomic-facet-placeholder value-count="8"></atomic-facet-placeholder>`);
|
|
6897
6857
|
}
|
|
6898
6858
|
renderFacets() {
|
|
6899
6859
|
return map_js.map(this.facetGenerator.facets, (facet, index)=>{
|
|
@@ -9337,7 +9297,7 @@ function getWindow() {
|
|
|
9337
9297
|
}
|
|
9338
9298
|
function getAtomicEnvironment(headlessVersion) {
|
|
9339
9299
|
return {
|
|
9340
|
-
version: "3.60.
|
|
9300
|
+
version: "3.60.3",
|
|
9341
9301
|
headlessVersion
|
|
9342
9302
|
};
|
|
9343
9303
|
}
|
|
@@ -10023,10 +9983,13 @@ function isI18nLocaleAvailable(locale) {
|
|
|
10023
9983
|
function buildDebouncedQueue(options) {
|
|
10024
9984
|
let actions = [];
|
|
10025
9985
|
let intervalId = null;
|
|
9986
|
+
let lastExecutedAt = null;
|
|
10026
9987
|
function dequeueAction() {
|
|
10027
9988
|
const action = actions.shift();
|
|
10028
|
-
if (action)
|
|
10029
|
-
|
|
9989
|
+
if (action) {
|
|
9990
|
+
lastExecutedAt = Date.now();
|
|
9991
|
+
action.execute();
|
|
9992
|
+
} else {
|
|
10030
9993
|
clearInterval(intervalId);
|
|
10031
9994
|
intervalId = null;
|
|
10032
9995
|
}
|
|
@@ -10041,10 +10004,18 @@ function buildDebouncedQueue(options) {
|
|
|
10041
10004
|
id: uniqueId,
|
|
10042
10005
|
execute
|
|
10043
10006
|
});
|
|
10044
|
-
if (null
|
|
10045
|
-
|
|
10007
|
+
if (null !== intervalId) return;
|
|
10008
|
+
const elapsedSinceLastExecution = null === lastExecutedAt ? null : Date.now() - lastExecutedAt;
|
|
10009
|
+
if (null === elapsedSinceLastExecution || elapsedSinceLastExecution >= options.delay) {
|
|
10046
10010
|
intervalId = setInterval(dequeueAction, options.delay);
|
|
10011
|
+
dequeueAction();
|
|
10012
|
+
return;
|
|
10047
10013
|
}
|
|
10014
|
+
const remainingDelay = options.delay - elapsedSinceLastExecution;
|
|
10015
|
+
intervalId = setTimeout(()=>{
|
|
10016
|
+
intervalId = setInterval(dequeueAction, options.delay);
|
|
10017
|
+
dequeueAction();
|
|
10018
|
+
}, remainingDelay);
|
|
10048
10019
|
},
|
|
10049
10020
|
clear () {
|
|
10050
10021
|
actions = [];
|
|
@@ -10080,9 +10051,10 @@ let AtomicAriaLive$1 = class AtomicAriaLive extends LightDomMixin(lit.LitElement
|
|
|
10080
10051
|
disconnectedCallback() {
|
|
10081
10052
|
super.disconnectedCallback();
|
|
10082
10053
|
this.messagesQueue.clear();
|
|
10054
|
+
this.queuedMessageIds.clear();
|
|
10083
10055
|
document.removeEventListener('atomic/accessibility/findAriaLive', this.onFindAriaLive);
|
|
10084
10056
|
}
|
|
10085
|
-
updateMessage(region, message, assertive) {
|
|
10057
|
+
updateMessage(region, message, assertive, preserveQueuedMessages = false) {
|
|
10086
10058
|
const updateRegion = ()=>{
|
|
10087
10059
|
this.regions = {
|
|
10088
10060
|
...this.regions,
|
|
@@ -10092,11 +10064,18 @@ let AtomicAriaLive$1 = class AtomicAriaLive extends LightDomMixin(lit.LitElement
|
|
|
10092
10064
|
}
|
|
10093
10065
|
};
|
|
10094
10066
|
};
|
|
10095
|
-
if (message)
|
|
10096
|
-
|
|
10097
|
-
this.messagesQueue.cancelActionIfQueued(region);
|
|
10067
|
+
if (!message) {
|
|
10068
|
+
this.clearQueuedMessages(region);
|
|
10098
10069
|
updateRegion();
|
|
10070
|
+
return;
|
|
10071
|
+
}
|
|
10072
|
+
if (!preserveQueuedMessages) {
|
|
10073
|
+
this.clearQueuedMessages(region);
|
|
10074
|
+
this.messagesQueue.enqueue(updateRegion, region);
|
|
10075
|
+
return;
|
|
10099
10076
|
}
|
|
10077
|
+
if (this.regions[region]?.message === message && this.regions[region]?.assertive === assertive) return;
|
|
10078
|
+
this.queueMessage(region, message, updateRegion);
|
|
10100
10079
|
}
|
|
10101
10080
|
registerRegion(region, assertive) {
|
|
10102
10081
|
if (region in this.regions) return;
|
|
@@ -10108,6 +10087,28 @@ let AtomicAriaLive$1 = class AtomicAriaLive extends LightDomMixin(lit.LitElement
|
|
|
10108
10087
|
}
|
|
10109
10088
|
};
|
|
10110
10089
|
}
|
|
10090
|
+
clearQueuedMessages(region) {
|
|
10091
|
+
for (const messageId of this.queuedMessageIds.get(region) ?? [])this.messagesQueue.cancelActionIfQueued(messageId);
|
|
10092
|
+
this.queuedMessageIds.delete(region);
|
|
10093
|
+
}
|
|
10094
|
+
getMessageQueueId(region, message) {
|
|
10095
|
+
return JSON.stringify([
|
|
10096
|
+
region,
|
|
10097
|
+
message
|
|
10098
|
+
]);
|
|
10099
|
+
}
|
|
10100
|
+
queueMessage(region, message, updateRegion) {
|
|
10101
|
+
const messageId = this.getMessageQueueId(region, message);
|
|
10102
|
+
const queuedMessageIds = this.queuedMessageIds.get(region) ?? new Set();
|
|
10103
|
+
if (queuedMessageIds.has(messageId)) return;
|
|
10104
|
+
queuedMessageIds.add(messageId);
|
|
10105
|
+
this.queuedMessageIds.set(region, queuedMessageIds);
|
|
10106
|
+
this.messagesQueue.enqueue(()=>{
|
|
10107
|
+
queuedMessageIds.delete(messageId);
|
|
10108
|
+
if (0 === queuedMessageIds.size) this.queuedMessageIds.delete(region);
|
|
10109
|
+
updateRegion();
|
|
10110
|
+
}, messageId);
|
|
10111
|
+
}
|
|
10111
10112
|
render() {
|
|
10112
10113
|
const hostStyles = {
|
|
10113
10114
|
position: 'absolute',
|
|
@@ -10133,7 +10134,7 @@ let AtomicAriaLive$1 = class AtomicAriaLive extends LightDomMixin(lit.LitElement
|
|
|
10133
10134
|
constructor(...args){
|
|
10134
10135
|
super(...args), this.regions = {}, this.messagesQueue = buildDebouncedQueue({
|
|
10135
10136
|
delay: 500
|
|
10136
|
-
}), this.onFindAriaLive = (event)=>{
|
|
10137
|
+
}), this.queuedMessageIds = new Map(), this.onFindAriaLive = (event)=>{
|
|
10137
10138
|
const customEvent = event;
|
|
10138
10139
|
customEvent.detail.element = this;
|
|
10139
10140
|
};
|
|
@@ -10735,11 +10736,7 @@ class LayoutStylesController {
|
|
|
10735
10736
|
|
|
10736
10737
|
const styles$8 = lit.css`.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-commerce-layout{display:none;grid-template-areas:". atomic-section-search ." ". atomic-section-main .";grid-template-columns:var(--atomic-layout-spacing-x) minmax(0,1fr) var(
|
|
10737
10738
|
--atomic-layout-spacing-x
|
|
10738
|
-
);height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-commerce-search-box{&::part(suggestions-double-list){max-width:var(
|
|
10739
|
-
--atomic-layout-max-search-box-double-suggestions-width,800px
|
|
10740
|
-
);width:125%}&::part(suggestions-left){flex-basis:var(
|
|
10741
|
-
--atomic-layout-search-box-left-suggestions-width,30%
|
|
10742
|
-
)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>atomic-popover{display:none;margin-right:.5rem}}atomic-layout-section[section=horizontal-facets]>*{max-width:100%}atomic-layout-section[section=status]{display:grid;grid-template-areas:"atomic-breadbox atomic-breadbox" "atomic-query-summary atomic-sort" "atomic-did-you-mean atomic-did-you-mean" "atomic-notifications atomic-notifications";justify-content:space-between;atomic-commerce-breadbox{grid-area:atomic-breadbox}atomic-commerce-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}atomic-commerce-refine-toggle{grid-area:atomic-sort}atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}atomic-commerce-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=status]>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (min-width:50rem){flex-direction:row}}atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`;
|
|
10739
|
+
);height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-commerce-search-box{&::part(suggestions-double-list){max-width:var(--atomic-layout-max-search-box-double-suggestions-width,800px);width:125%}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>atomic-popover{display:none;margin-right:.5rem}}atomic-layout-section[section=horizontal-facets]>*{max-width:100%}atomic-layout-section[section=status]{display:grid;grid-template-areas:"atomic-breadbox atomic-breadbox" "atomic-query-summary atomic-sort" "atomic-did-you-mean atomic-did-you-mean" "atomic-notifications atomic-notifications";justify-content:space-between;atomic-commerce-breadbox{grid-area:atomic-breadbox}atomic-commerce-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}atomic-commerce-refine-toggle{grid-area:atomic-sort}atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}atomic-commerce-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=status]>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (min-width:50rem){flex-direction:row}}atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`;
|
|
10743
10740
|
var atomic_commerce_layout_tw_css = styles$8;
|
|
10744
10741
|
|
|
10745
10742
|
function _ts_decorate$S(decorators, target, key, desc) {
|
|
@@ -10807,9 +10804,7 @@ const renderLoadMoreButton = ({ props })=>{
|
|
|
10807
10804
|
})(lit.html`${i18n.t(label)}`);
|
|
10808
10805
|
};
|
|
10809
10806
|
|
|
10810
|
-
const renderLoadMoreContainer = ()=>(children)=>lit.html`
|
|
10811
|
-
<div class="flex flex-col items-center" part="container">${children}</div>
|
|
10812
|
-
`;
|
|
10807
|
+
const renderLoadMoreContainer = ()=>(children)=>lit.html` <div class="flex flex-col items-center" part="container">${children}</div> `;
|
|
10813
10808
|
|
|
10814
10809
|
const renderLoadMoreProgressBar = ({ props })=>{
|
|
10815
10810
|
const { from, to } = props;
|
|
@@ -10839,9 +10834,7 @@ const renderLoadMoreSummary = ({ props })=>{
|
|
|
10839
10834
|
total: wrapHighlight(to.toLocaleString(locale))
|
|
10840
10835
|
});
|
|
10841
10836
|
return lit.html`
|
|
10842
|
-
<div class="text-neutral-dark my-2 text-lg" part="showing-results">
|
|
10843
|
-
${unsafeHtml_js.unsafeHTML(content)}
|
|
10844
|
-
</div>
|
|
10837
|
+
<div class="text-neutral-dark my-2 text-lg" part="showing-results">${unsafeHtml_js.unsafeHTML(content)}</div>
|
|
10845
10838
|
`;
|
|
10846
10839
|
};
|
|
10847
10840
|
|
|
@@ -10938,11 +10931,9 @@ AtomicCommerceLoadMoreProducts$1 = _ts_decorate$R([
|
|
|
10938
10931
|
], AtomicCommerceLoadMoreProducts$1);
|
|
10939
10932
|
|
|
10940
10933
|
const renderNoItemsContainer = ()=>(children)=>lit.html`
|
|
10941
|
-
|
|
10942
|
-
|
|
10943
|
-
|
|
10944
|
-
<slot></slot>
|
|
10945
|
-
`;
|
|
10934
|
+
<div class="text-on-background flex h-full w-full flex-col items-center">${children}</div>
|
|
10935
|
+
<slot></slot>
|
|
10936
|
+
`;
|
|
10946
10937
|
|
|
10947
10938
|
class NoItemsGuardDirective extends directive_js.Directive {
|
|
10948
10939
|
render({ firstSearchExecuted, isLoading, hasResults }, content) {
|
|
@@ -10982,12 +10973,7 @@ const renderNoItems = ({ props })=>{
|
|
|
10982
10973
|
}
|
|
10983
10974
|
}) : props.i18n.t(props.i18nKey);
|
|
10984
10975
|
return lit.html`
|
|
10985
|
-
<div
|
|
10986
|
-
class="my-2 max-w-full text-center text-2xl font-medium"
|
|
10987
|
-
part="no-results"
|
|
10988
|
-
>
|
|
10989
|
-
${content}
|
|
10990
|
-
</div>
|
|
10976
|
+
<div class="my-2 max-w-full text-center text-2xl font-medium" part="no-results">${content}</div>
|
|
10991
10977
|
`;
|
|
10992
10978
|
};
|
|
10993
10979
|
|
|
@@ -11031,8 +11017,7 @@ let AtomicCommerceNoProducts$1 = class AtomicCommerceNoProducts extends lit.LitE
|
|
|
11031
11017
|
firstSearchExecuted: this.summaryState.firstRequestExecuted,
|
|
11032
11018
|
hasResults: this.summaryState.hasProducts
|
|
11033
11019
|
}, ()=>renderNoItemsContainer()(lit.html`
|
|
11034
|
-
${renderMagnifyingGlass()} ${this.renderNoItems()}
|
|
11035
|
-
${this.renderSearchTips()}
|
|
11020
|
+
${renderMagnifyingGlass()} ${this.renderNoItems()} ${this.renderSearchTips()}
|
|
11036
11021
|
`))}`;
|
|
11037
11022
|
}
|
|
11038
11023
|
renderNoItems() {
|
|
@@ -12380,10 +12365,7 @@ let AtomicProductLink$1 = class AtomicProductLink extends LightDomMixin(SlotsFor
|
|
|
12380
12365
|
}
|
|
12381
12366
|
}
|
|
12382
12367
|
})(lit.html`
|
|
12383
|
-
${this.renderDefaultSlotContent(lit.html`<atomic-product-text
|
|
12384
|
-
field="ec_name"
|
|
12385
|
-
default="no-title"
|
|
12386
|
-
></atomic-product-text>`)}
|
|
12368
|
+
${this.renderDefaultSlotContent(lit.html`<atomic-product-text field="ec_name" default="no-title"></atomic-product-text>`)}
|
|
12387
12369
|
`);
|
|
12388
12370
|
})}`;
|
|
12389
12371
|
}
|
|
@@ -12493,11 +12475,7 @@ const renderImageCarousel = ({ props })=>{
|
|
|
12493
12475
|
class: `${commonPaginationClasses} right-0 mr-1`
|
|
12494
12476
|
}
|
|
12495
12477
|
})(lit.html`
|
|
12496
|
-
<atomic-icon
|
|
12497
|
-
part="next-icon"
|
|
12498
|
-
icon=${arrow_right}
|
|
12499
|
-
class=${commonArrowClasses}
|
|
12500
|
-
></atomic-icon>
|
|
12478
|
+
<atomic-icon part="next-icon" icon=${arrow_right} class=${commonArrowClasses}></atomic-icon>
|
|
12501
12479
|
`);
|
|
12502
12480
|
const renderIndicators = ()=>renderCarouselIndicator({
|
|
12503
12481
|
props: {
|
|
@@ -12515,9 +12493,7 @@ const renderImageCarousel = ({ props })=>{
|
|
|
12515
12493
|
aria-label=${props.label}
|
|
12516
12494
|
>
|
|
12517
12495
|
${renderPreviousButton()}
|
|
12518
|
-
<div class="w-full h-full" aria-live="polite" aria-atomic="false">
|
|
12519
|
-
${children}
|
|
12520
|
-
</div>
|
|
12496
|
+
<div class="w-full h-full" aria-live="polite" aria-atomic="false">${children}</div>
|
|
12521
12497
|
${renderNextButton()} ${renderIndicators()}
|
|
12522
12498
|
</div>`;
|
|
12523
12499
|
};
|
|
@@ -13153,10 +13129,7 @@ class AtomicResultPlaceholder extends lit.LitElement {
|
|
|
13153
13129
|
renderExcerptLine(width) {
|
|
13154
13130
|
return lit.html`
|
|
13155
13131
|
<div style="height: var(--line-height); width: ${width};">
|
|
13156
|
-
<div
|
|
13157
|
-
class=${placeholderClasses}
|
|
13158
|
-
style="height: var(--font-size);"
|
|
13159
|
-
></div>
|
|
13132
|
+
<div class=${placeholderClasses} style="height: var(--font-size);"></div>
|
|
13160
13133
|
</div>
|
|
13161
13134
|
`;
|
|
13162
13135
|
}
|
|
@@ -13190,11 +13163,7 @@ class AtomicResultPlaceholder extends lit.LitElement {
|
|
|
13190
13163
|
<div class="fields-placeholder">
|
|
13191
13164
|
${Array.from({
|
|
13192
13165
|
length: 4
|
|
13193
|
-
}, ()=>lit.html`
|
|
13194
|
-
<div
|
|
13195
|
-
class="field-value-placeholder ${placeholderClasses}"
|
|
13196
|
-
></div>
|
|
13197
|
-
`)}
|
|
13166
|
+
}, ()=>lit.html` <div class="field-value-placeholder ${placeholderClasses}"></div> `)}
|
|
13198
13167
|
</div>
|
|
13199
13168
|
</atomic-result-section-bottom-metadata>
|
|
13200
13169
|
</div>
|
|
@@ -13245,22 +13214,13 @@ class AtomicResultTablePlaceholder extends lit.LitElement {
|
|
|
13245
13214
|
<thead aria-hidden="true">
|
|
13246
13215
|
<tr>
|
|
13247
13216
|
<th>
|
|
13248
|
-
<div
|
|
13249
|
-
class="mt-2 h-8 block bg-neutral rounded"
|
|
13250
|
-
style="width: 14.5rem;"
|
|
13251
|
-
></div>
|
|
13217
|
+
<div class="mt-2 h-8 block bg-neutral rounded" style="width: 14.5rem;"></div>
|
|
13252
13218
|
</th>
|
|
13253
13219
|
<th>
|
|
13254
|
-
<div
|
|
13255
|
-
class="mt-2 h-8 block bg-neutral rounded"
|
|
13256
|
-
style="width: 9.75rem;"
|
|
13257
|
-
></div>
|
|
13220
|
+
<div class="mt-2 h-8 block bg-neutral rounded" style="width: 9.75rem;"></div>
|
|
13258
13221
|
</th>
|
|
13259
13222
|
<th>
|
|
13260
|
-
<div
|
|
13261
|
-
class="mt-2 h-8 block bg-neutral rounded"
|
|
13262
|
-
style="width: 6.5rem;"
|
|
13263
|
-
></div>
|
|
13223
|
+
<div class="mt-2 h-8 block bg-neutral rounded" style="width: 6.5rem;"></div>
|
|
13264
13224
|
</th>
|
|
13265
13225
|
</tr>
|
|
13266
13226
|
</thead>
|
|
@@ -13270,30 +13230,15 @@ class AtomicResultTablePlaceholder extends lit.LitElement {
|
|
|
13270
13230
|
}), ()=>lit.html`
|
|
13271
13231
|
<tr>
|
|
13272
13232
|
<td>
|
|
13273
|
-
<div
|
|
13274
|
-
|
|
13275
|
-
|
|
13276
|
-
></div>
|
|
13277
|
-
<div
|
|
13278
|
-
class="mb-2 h-5 block bg-neutral rounded"
|
|
13279
|
-
style="width: 23.75rem;"
|
|
13280
|
-
></div>
|
|
13281
|
-
<div
|
|
13282
|
-
class="h-5 block bg-neutral rounded"
|
|
13283
|
-
style="width: 11.5rem;"
|
|
13284
|
-
></div>
|
|
13233
|
+
<div class="mb-6 h-8 block bg-neutral rounded" style="width: 22.875rem;"></div>
|
|
13234
|
+
<div class="mb-2 h-5 block bg-neutral rounded" style="width: 23.75rem;"></div>
|
|
13235
|
+
<div class="h-5 block bg-neutral rounded" style="width: 11.5rem;"></div>
|
|
13285
13236
|
</td>
|
|
13286
13237
|
<td>
|
|
13287
|
-
<div
|
|
13288
|
-
class="mt-1.5 h-5 block bg-neutral rounded"
|
|
13289
|
-
style="width: 11rem;"
|
|
13290
|
-
></div>
|
|
13238
|
+
<div class="mt-1.5 h-5 block bg-neutral rounded" style="width: 11rem;"></div>
|
|
13291
13239
|
</td>
|
|
13292
13240
|
<td>
|
|
13293
|
-
<div
|
|
13294
|
-
class="mt-1.5 h-5 block bg-neutral rounded"
|
|
13295
|
-
style="width: 4.875rem;"
|
|
13296
|
-
></div>
|
|
13241
|
+
<div class="mt-1.5 h-5 block bg-neutral rounded" style="width: 4.875rem;"></div>
|
|
13297
13242
|
</td>
|
|
13298
13243
|
</tr>
|
|
13299
13244
|
`)}
|
|
@@ -13373,9 +13318,7 @@ const renderListWrapper = ({ props })=>{
|
|
|
13373
13318
|
};
|
|
13374
13319
|
const renderListRoot = ({ props })=>{
|
|
13375
13320
|
const { listClasses } = props;
|
|
13376
|
-
return (children)=>lit.html`<div class="list-root ${listClasses}" part="result-list"
|
|
13377
|
-
${children}
|
|
13378
|
-
</div>`;
|
|
13321
|
+
return (children)=>lit.html`<div class="list-root ${listClasses}" part="result-list">${children}</div>`;
|
|
13379
13322
|
};
|
|
13380
13323
|
|
|
13381
13324
|
const renderGridLayout = ({ props })=>{
|
|
@@ -13493,17 +13436,11 @@ const renderTableLayout = ({ props })=>{
|
|
|
13493
13436
|
const { host, listClasses, logger, label } = props;
|
|
13494
13437
|
const fieldColumns = getFieldTableColumns(props);
|
|
13495
13438
|
if (!fieldColumns.length) logger.error('atomic-table-element elements missing in the template to display columns.', host);
|
|
13496
|
-
return (children)=>lit.html`<table
|
|
13497
|
-
class="list-root ${listClasses}"
|
|
13498
|
-
part="result-table"
|
|
13499
|
-
aria-label=${label}
|
|
13500
|
-
>
|
|
13439
|
+
return (children)=>lit.html`<table class="list-root ${listClasses}" part="result-table" aria-label=${label}>
|
|
13501
13440
|
<thead part="result-table-heading">
|
|
13502
13441
|
<tr part="result-table-heading-row">
|
|
13503
13442
|
${map_js.map(fieldColumns, (column)=>lit.html`<th part="result-table-heading-cell">
|
|
13504
|
-
<atomic-text
|
|
13505
|
-
.value=${column.getAttribute('label')}
|
|
13506
|
-
></atomic-text>
|
|
13443
|
+
<atomic-text .value=${column.getAttribute('label')}></atomic-text>
|
|
13507
13444
|
</th>`)}
|
|
13508
13445
|
</tr>
|
|
13509
13446
|
</thead>
|
|
@@ -13982,12 +13919,7 @@ const renderChoices = ({ props })=>{
|
|
|
13982
13919
|
else if (choice > pageSize) focusOnNextNewResult();
|
|
13983
13920
|
};
|
|
13984
13921
|
return lit.html`
|
|
13985
|
-
<div
|
|
13986
|
-
part="buttons"
|
|
13987
|
-
role="radiogroup"
|
|
13988
|
-
aria-label=${label}
|
|
13989
|
-
class="flex flex-wrap gap-2"
|
|
13990
|
-
>
|
|
13922
|
+
<div part="buttons" role="radiogroup" aria-label=${label} class="flex flex-wrap gap-2">
|
|
13991
13923
|
${choices.map((choice)=>{
|
|
13992
13924
|
const isSelected = pageSize === choice;
|
|
13993
13925
|
const parts = [
|
|
@@ -14018,14 +13950,14 @@ const renderChoices = ({ props })=>{
|
|
|
14018
13950
|
};
|
|
14019
13951
|
|
|
14020
13952
|
const renderLabel = ()=>(children)=>lit.html`
|
|
14021
|
-
|
|
14022
|
-
|
|
14023
|
-
|
|
14024
|
-
|
|
14025
|
-
|
|
14026
|
-
|
|
14027
|
-
|
|
14028
|
-
|
|
13953
|
+
<span
|
|
13954
|
+
part="label"
|
|
13955
|
+
class="text-on-background mr-3 self-start text-lg leading-10"
|
|
13956
|
+
aria-hidden="true"
|
|
13957
|
+
>
|
|
13958
|
+
${children}
|
|
13959
|
+
</span>
|
|
13960
|
+
`;
|
|
14029
13961
|
|
|
14030
13962
|
class ChoiceIsNaNError extends Error {
|
|
14031
13963
|
constructor(choice){
|
|
@@ -14269,11 +14201,7 @@ const renderQueryErrorLink = ({ props })=>{
|
|
|
14269
14201
|
}
|
|
14270
14202
|
};
|
|
14271
14203
|
const link = getErrorLink();
|
|
14272
|
-
return link ? lit.html`<a
|
|
14273
|
-
href=${link}
|
|
14274
|
-
part="doc-link"
|
|
14275
|
-
class="btn-primary mt-10 inline-block p-3"
|
|
14276
|
-
>
|
|
14204
|
+
return link ? lit.html`<a href=${link} part="doc-link" class="btn-primary mt-10 inline-block p-3">
|
|
14277
14205
|
${props.i18n.t('coveo-online-help')}
|
|
14278
14206
|
</a>` : lit.nothing;
|
|
14279
14207
|
};
|
|
@@ -14407,9 +14335,7 @@ const renderQuerySummaryContainer = ({ props })=>(children)=>{
|
|
|
14407
14335
|
'text-on-background': true,
|
|
14408
14336
|
[props.additionalClasses ?? '']: Boolean(props.additionalClasses)
|
|
14409
14337
|
};
|
|
14410
|
-
return lit.html`
|
|
14411
|
-
<div class=${multiClassMap(classNames)} part="container">${children}</div>
|
|
14412
|
-
`;
|
|
14338
|
+
return lit.html` <div class=${multiClassMap(classNames)} part="container">${children}</div> `;
|
|
14413
14339
|
};
|
|
14414
14340
|
|
|
14415
14341
|
const renderQuerySummaryGuard = ({ props })=>(children)=>{
|
|
@@ -14850,9 +14776,7 @@ const renderCarousel = ({ props })=>(children)=>{
|
|
|
14850
14776
|
${renderPreviousButton(numberOfPages, previousPage, props.bindings)}
|
|
14851
14777
|
${renderNextButton(numberOfPages, nextPage, props.bindings)}
|
|
14852
14778
|
</div>
|
|
14853
|
-
<div class="carousel-items" aria-live="polite" aria-atomic="false">
|
|
14854
|
-
${children}
|
|
14855
|
-
</div>
|
|
14779
|
+
<div class="carousel-items" aria-live="polite" aria-atomic="false">${children}</div>
|
|
14856
14780
|
</div>
|
|
14857
14781
|
${renderIndicators(numberOfPages, currentPage)}
|
|
14858
14782
|
</div>
|
|
@@ -14968,10 +14892,7 @@ let AtomicCommerceRecommendationList$1 = class AtomicCommerceRecommendationList
|
|
|
14968
14892
|
if (!this.augmentedRecommendationListState.headline) return;
|
|
14969
14893
|
if (this.augmentedRecommendationListState.hasError) return;
|
|
14970
14894
|
if (!this.isEveryProductReady && this.isAppLoaded) return lit.html`
|
|
14971
|
-
<div
|
|
14972
|
-
aria-hidden="true"
|
|
14973
|
-
class="bg-neutral my-2 h-8 w-60 animate-pulse rounded"
|
|
14974
|
-
></div>
|
|
14895
|
+
<div aria-hidden="true" class="bg-neutral my-2 h-8 w-60 animate-pulse rounded"></div>
|
|
14975
14896
|
`;
|
|
14976
14897
|
return lit.html`${renderHeading({
|
|
14977
14898
|
props: {
|
|
@@ -15271,10 +15192,7 @@ const renderRefineModalBody = (i18n)=>(children)=>lit.html`
|
|
|
15271
15192
|
|
|
15272
15193
|
const renderRefineModalFiltersSection = ({ props })=>(children)=>lit.html`
|
|
15273
15194
|
<div part="filter-section" class="mt-8 mb-3 flex w-full justify-between">
|
|
15274
|
-
<h2
|
|
15275
|
-
part="section-title section-filters-title"
|
|
15276
|
-
class="truncate text-2xl font-bold"
|
|
15277
|
-
>
|
|
15195
|
+
<h2 part="section-title section-filters-title" class="truncate text-2xl font-bold">
|
|
15278
15196
|
${props.i18n.t('filters')}
|
|
15279
15197
|
</h2>
|
|
15280
15198
|
${children}
|
|
@@ -15592,11 +15510,7 @@ const renderRefineModal = ({ props })=>(children)=>{
|
|
|
15592
15510
|
onClick: props.onClose,
|
|
15593
15511
|
ariaLabel: props.i18n.t('close')
|
|
15594
15512
|
}
|
|
15595
|
-
})(lit.html`<atomic-icon
|
|
15596
|
-
part="close-icon"
|
|
15597
|
-
class="h-5 w-5"
|
|
15598
|
-
icon=${images_close}
|
|
15599
|
-
></atomic-icon>`)}
|
|
15513
|
+
})(lit.html`<atomic-icon part="close-icon" class="h-5 w-5" icon=${images_close}></atomic-icon>`)}
|
|
15600
15514
|
</div>
|
|
15601
15515
|
`;
|
|
15602
15516
|
const renderFooter = ()=>lit.html`
|
|
@@ -15646,10 +15560,7 @@ const renderRefineModal = ({ props })=>(children)=>{
|
|
|
15646
15560
|
var sort = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.5 6L7.5 17\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M11 14L7.5 18L4 14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.5 18L16.5 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M13 10L16.5 6L20 10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
|
|
15647
15561
|
|
|
15648
15562
|
const renderRefineModalSortSection = ({ props })=>(children)=>lit.html`
|
|
15649
|
-
<h2
|
|
15650
|
-
part="section-title section-sort-title"
|
|
15651
|
-
class="mb-3 truncate text-2xl font-bold"
|
|
15652
|
-
>
|
|
15563
|
+
<h2 part="section-title section-sort-title" class="mb-3 truncate text-2xl font-bold">
|
|
15653
15564
|
${props.i18n.t('sort')}
|
|
15654
15565
|
</h2>
|
|
15655
15566
|
<div part="select-wrapper" class="relative">
|
|
@@ -15665,18 +15576,12 @@ const renderRefineModalSortSection = ({ props })=>(children)=>lit.html`
|
|
|
15665
15576
|
part="select-icon-wrapper"
|
|
15666
15577
|
class="peer-hover:text-primary-light peer-focus-within:text-primary-light pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6"
|
|
15667
15578
|
>
|
|
15668
|
-
<atomic-icon
|
|
15669
|
-
part="select-icon"
|
|
15670
|
-
icon=${sort}
|
|
15671
|
-
class="h-6 w-6"
|
|
15672
|
-
></atomic-icon>
|
|
15579
|
+
<atomic-icon part="select-icon" icon=${sort} class="h-6 w-6"></atomic-icon>
|
|
15673
15580
|
</div>
|
|
15674
15581
|
</div>
|
|
15675
15582
|
`;
|
|
15676
15583
|
|
|
15677
|
-
const renderSortOption = ({ props: { value, selected, i18n, label } })=>lit.html`
|
|
15678
|
-
<option value=${value} ?selected=${selected}>${i18n.t(label)}</option>
|
|
15679
|
-
`;
|
|
15584
|
+
const renderSortOption = ({ props: { value, selected, i18n, label } })=>lit.html` <option value=${value} ?selected=${selected}>${i18n.t(label)}</option> `;
|
|
15680
15585
|
|
|
15681
15586
|
const renderCommerceSortOption = ({ props })=>{
|
|
15682
15587
|
const { sort } = props;
|
|
@@ -15970,11 +15875,7 @@ const renderSearchBoxWrapper = ({ props })=>(children)=>{
|
|
|
15970
15875
|
'focus-within:border-disabled focus-within:ring-neutral': props.disabled,
|
|
15971
15876
|
'focus-within:border-primary focus-within:ring-ring-primary': !props.disabled
|
|
15972
15877
|
});
|
|
15973
|
-
return lit.html`<div
|
|
15974
|
-
part="wrapper"
|
|
15975
|
-
class=${multiClassMap(classes)}
|
|
15976
|
-
@focusout=${props.onFocusout}
|
|
15977
|
-
>
|
|
15878
|
+
return lit.html`<div part="wrapper" class=${multiClassMap(classes)} @focusout=${props.onFocusout}>
|
|
15978
15879
|
${children}
|
|
15979
15880
|
</div>`;
|
|
15980
15881
|
};
|
|
@@ -15997,11 +15898,7 @@ const renderTextAreaClearButton = ({ props: { textAreaRef, i18n, onClick } })=>l
|
|
|
15997
15898
|
},
|
|
15998
15899
|
ariaLabel: i18n.t('clear-searchbox')
|
|
15999
15900
|
}
|
|
16000
|
-
})(lit.html`<atomic-icon
|
|
16001
|
-
part="clear-icon"
|
|
16002
|
-
icon=${clear_slim}
|
|
16003
|
-
class="h-4 w-4"
|
|
16004
|
-
></atomic-icon>`)}
|
|
15901
|
+
})(lit.html`<atomic-icon part="clear-icon" icon=${clear_slim} class="h-4 w-4"></atomic-icon>`)}
|
|
16005
15902
|
</div>`;
|
|
16006
15903
|
|
|
16007
15904
|
function syncTextWithReplica(ref, value) {
|
|
@@ -16095,10 +15992,7 @@ var search_slim = "<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"
|
|
|
16095
15992
|
|
|
16096
15993
|
const renderSubmitButton = ({ props })=>{
|
|
16097
15994
|
const { i18n, disabled, onClick } = props;
|
|
16098
|
-
return lit.html`<div
|
|
16099
|
-
part="submit-button-wrapper"
|
|
16100
|
-
class="mr-2 flex items-center justify-center py-2"
|
|
16101
|
-
>
|
|
15995
|
+
return lit.html`<div part="submit-button-wrapper" class="mr-2 flex items-center justify-center py-2">
|
|
16102
15996
|
${renderButton({
|
|
16103
15997
|
props: {
|
|
16104
15998
|
style: 'text-primary',
|
|
@@ -16110,11 +16004,7 @@ const renderSubmitButton = ({ props })=>{
|
|
|
16110
16004
|
},
|
|
16111
16005
|
disabled
|
|
16112
16006
|
}
|
|
16113
|
-
})(lit.html`<atomic-icon
|
|
16114
|
-
part="submit-icon"
|
|
16115
|
-
icon=${search_slim}
|
|
16116
|
-
class="h-4 w-4"
|
|
16117
|
-
></atomic-icon>`)}
|
|
16007
|
+
})(lit.html`<atomic-icon part="submit-icon" icon=${search_slim} class="h-4 w-4"></atomic-icon>`)}
|
|
16118
16008
|
</div>`;
|
|
16119
16009
|
};
|
|
16120
16010
|
|
|
@@ -16446,16 +16336,16 @@ let AtomicCommerceSearchBoxInstantProducts$1 = class AtomicCommerceSearchBoxInst
|
|
|
16446
16336
|
const partialItem = getPartialInstantItemElement(this.bindings.i18n, 'instant-products-suggestion-label', this.ariaLabelGenerator?.(this.bindings, product) || product.ec_name, product.permanentid);
|
|
16447
16337
|
const key = `instant-product-${encodeForDomAttribute(product.permanentid)}`;
|
|
16448
16338
|
const template = lit.html`${keyed_js.keyed(key, lit.html`<atomic-product
|
|
16449
|
-
|
|
16450
|
-
|
|
16451
|
-
|
|
16452
|
-
|
|
16453
|
-
|
|
16454
|
-
|
|
16455
|
-
|
|
16456
|
-
|
|
16457
|
-
|
|
16458
|
-
|
|
16339
|
+
part="outline"
|
|
16340
|
+
.product=${product}
|
|
16341
|
+
.interactiveProduct=${interactiveProduct}
|
|
16342
|
+
.display=${this.display}
|
|
16343
|
+
.density=${this.density}
|
|
16344
|
+
.imageSize=${this.imageSize}
|
|
16345
|
+
.content=${this.itemTemplateProvider.getTemplateContent(product)}
|
|
16346
|
+
.stopPropagation=${false}
|
|
16347
|
+
.renderingFunction=${this.itemRenderingFunction}
|
|
16348
|
+
></atomic-product>`)}`;
|
|
16459
16349
|
const container = document.createElement('div');
|
|
16460
16350
|
lit.render(template, container);
|
|
16461
16351
|
const productElement = container.firstElementChild;
|
|
@@ -16584,10 +16474,7 @@ const getPartialSearchBoxSuggestionElement = (suggestion, i18n)=>({
|
|
|
16584
16474
|
const renderQuerySuggestion = ({ icon, hasQuery, suggestion, hasMultipleKindOfSuggestions, alwaysShowIcon = false })=>{
|
|
16585
16475
|
const shouldShowIcon = alwaysShowIcon || hasMultipleKindOfSuggestions;
|
|
16586
16476
|
const template = lit.html`
|
|
16587
|
-
<div
|
|
16588
|
-
part="query-suggestion-content"
|
|
16589
|
-
class="pointer-events-none flex items-center"
|
|
16590
|
-
>
|
|
16477
|
+
<div part="query-suggestion-content" class="pointer-events-none flex items-center">
|
|
16591
16478
|
${shouldShowIcon ? lit.html`<atomic-icon
|
|
16592
16479
|
part="query-suggestion-icon"
|
|
16593
16480
|
icon=${icon}
|
|
@@ -16742,11 +16629,7 @@ const renderRecentQuery = ({ icon, query, value })=>{
|
|
|
16742
16629
|
part="recent-query-content"
|
|
16743
16630
|
class="pointer-events-none flex items-center text-left break-all"
|
|
16744
16631
|
>
|
|
16745
|
-
<atomic-icon
|
|
16746
|
-
part="recent-query-icon"
|
|
16747
|
-
icon=${icon}
|
|
16748
|
-
class="mr-2 h-4 w-4 shrink-0"
|
|
16749
|
-
></atomic-icon>
|
|
16632
|
+
<atomic-icon part="recent-query-icon" icon=${icon} class="mr-2 h-4 w-4 shrink-0"></atomic-icon>
|
|
16750
16633
|
|
|
16751
16634
|
${when_js.when(hasQuery, ()=>lit.html`<span
|
|
16752
16635
|
part="recent-query-text"
|
|
@@ -16762,9 +16645,7 @@ const renderRecentQuery = ({ icon, query, value })=>{
|
|
|
16762
16645
|
}
|
|
16763
16646
|
]
|
|
16764
16647
|
})}
|
|
16765
|
-
></span>`, ()=>lit.html`<span part="recent-query-text" class="line-clamp-2 break-all">
|
|
16766
|
-
${value}
|
|
16767
|
-
</span>`)}
|
|
16648
|
+
></span>`, ()=>lit.html`<span part="recent-query-text" class="line-clamp-2 break-all"> ${value} </span>`)}
|
|
16768
16649
|
</div>`;
|
|
16769
16650
|
const container = document.createElement('div');
|
|
16770
16651
|
lit.render(template, container);
|
|
@@ -16775,9 +16656,7 @@ const renderRecentQueryClear = ({ i18n })=>{
|
|
|
16775
16656
|
part="recent-query-title-content"
|
|
16776
16657
|
class="pointer-events-none flex w-full justify-between"
|
|
16777
16658
|
>
|
|
16778
|
-
<span class="font-bold" part="recent-query-title">
|
|
16779
|
-
${i18n.t('recent-searches')}
|
|
16780
|
-
</span>
|
|
16659
|
+
<span class="font-bold" part="recent-query-title"> ${i18n.t('recent-searches')} </span>
|
|
16781
16660
|
<span part="recent-query-clear">${i18n.t('clear')}</span>
|
|
16782
16661
|
</div>`;
|
|
16783
16662
|
const container = document.createElement('div');
|
|
@@ -18963,7 +18842,7 @@ AtomicCommerceSearchBox$1.shadowRootOptions = {
|
|
|
18963
18842
|
...lit.LitElement.shadowRootOptions,
|
|
18964
18843
|
delegatesFocus: true
|
|
18965
18844
|
};
|
|
18966
|
-
AtomicCommerceSearchBox$1.styles = lit.css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@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:""}@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:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-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);line-height:1.5;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%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;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)){::placeholder{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-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}: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)}}}@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}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio: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)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary: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)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary: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)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-neutral:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-error:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent: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)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--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}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.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 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\\/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 (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{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-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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.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;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio: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.3333%}.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%}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-5{min-height:1.25rem}.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.3333%}.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}.-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}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.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-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}:where(.space-y-1>: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}:where(.space-x-1\\.5>: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}:where(.divide-y>: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))}:where(.divide-neutral>: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-visible{overflow:visible}.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:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.border-gray-200{border-color: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-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.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:#282828cc}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color: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-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{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)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}}.from-background\\/60{--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(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-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))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.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-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);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));font-size:var(--font-size);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(55.1% .027 264.364)}.text-gray-600{color:oklch(44.6% .03 256.802)}.text-gray-700{color:oklch(37.3% .034 259.733)}.text-gray-900{color:oklch(21% .034 264.665)}.text-green-600{color: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(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:oklch(57.7% .245 27.325)}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.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:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.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,#e5e8e8bf)}.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,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.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-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):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)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):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\\:transition-colors:before{content:var(--tw-content);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)))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{background-color:var(--atomic-neutral-dark);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\\:transition-colors:after{content:var(--tw-content);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)))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{background-color:var(--atomic-neutral-dark);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)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:#fff}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline:2px solid #0000;outline-offset:2px}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.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\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:.5rem}}@media (min-width:40rem){.sm\\:px-6{padding-inline:1.5rem}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}.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:3.40282e+38px;content:"";height:83.3333%;position:absolute;width:83.3333%}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{color:var(--atomic-neutral-dark);font-size:var(--atomic-text-lg);height:100%;line-height:var(--tw-leading,1.55556);resize:none;white-space:nowrap;z-index:10;--tw-outline-style:none;background-color:#0000;flex-grow:1;grid-area:1/1/2/2;outline-style:none;overflow:hidden;padding-block:.875rem;padding-inline:1rem}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[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}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left:1px var(--tw-border-style) var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{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:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
|
|
18845
|
+
AtomicCommerceSearchBox$1.styles = lit.css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@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:""}@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:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-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);line-height:1.5;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%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;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)){::placeholder{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-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}: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)}}}@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}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio: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)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary: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)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary: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)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--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)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-neutral:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-bg-error:hover{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{background-color:var(--atomic-neutral-light);border-color:var(--atomic-primary);color:var(--atomic-primary);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.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)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--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);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background);cursor:not-allowed;opacity:.5}.btn-text-neutral{background-color:var(--atomic-background);border-radius:var(--atomic-border-radius);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent: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)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--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}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.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 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\\/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}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{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-1\\.5{margin-block:.375rem}.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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.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;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio: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.3333%}.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-\\[1lh\\]{height:1lh}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-5{min-height:1.25rem}.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.3333%}.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-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}.-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}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.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-\\[10px_1fr\\]{grid-template-columns:10px 1fr}.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-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}:where(.space-y-1>: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-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}:where(.space-x-1\\.5>: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}:where(.divide-y>: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))}:where(.divide-neutral>: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-visible{overflow:visible}.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:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.border-gray-200{border-color: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-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.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:#282828cc}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color: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-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{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)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab,var(--atomic-background) 60%,transparent)}}.from-background\\/60{--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(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-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))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.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-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);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));font-size:var(--font-size);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(55.1% .027 264.364)}.text-gray-600{color:oklch(44.6% .03 256.802)}.text-gray-700{color:oklch(37.3% .034 259.733)}.text-gray-900{color:oklch(21% .034 264.665)}.text-green-600{color: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(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:oklch(57.7% .245 27.325)}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.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:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.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,#e5e8e8bf)}.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,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.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-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):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)}.group-has-\\[button\\:hover\\]\\/title\\:bg-neutral-dark:is(:where(.group\\/title):has(:is(button:hover)) *){background-color:var(--atomic-neutral-dark)}.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)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):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\\:transition-colors:before{content:var(--tw-content);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)))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{background-color:var(--atomic-neutral-dark);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\\:transition-colors:after{content:var(--tw-content);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)))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{background-color:var(--atomic-neutral-dark);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)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral:hover{background-color:var(--atomic-neutral)}.hover\\:bg-neutral-dark:hover{background-color:var(--atomic-neutral-dark)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:#fff}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline:2px solid #0000;outline-offset:2px}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.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\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:.5rem}}@media (min-width:40rem){.sm\\:px-6{padding-inline:1.5rem}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}.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:3.40282e+38px;content:"";height:83.3333%;position:absolute;width:83.3333%}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{color:var(--atomic-neutral-dark);font-size:var(--atomic-text-lg);height:100%;line-height:var(--tw-leading,1.55556);resize:none;white-space:nowrap;z-index:10;--tw-outline-style:none;background-color:#0000;flex-grow:1;grid-area:1/1/2/2;outline-style:none;overflow:hidden;padding-block:.875rem;padding-inline:1rem}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[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}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left:1px var(--tw-border-style) var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{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:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
|
|
18967
18846
|
_ts_decorate$n([
|
|
18968
18847
|
decorators_js.state(),
|
|
18969
18848
|
_ts_metadata$f("design:type", "u" < typeof CommerceBindings ? Object : CommerceBindings)
|
|
@@ -19049,11 +18928,7 @@ AtomicCommerceSearchBox$1 = _ts_decorate$n([
|
|
|
19049
18928
|
withTailwindStyles
|
|
19050
18929
|
], AtomicCommerceSearchBox$1);
|
|
19051
18930
|
|
|
19052
|
-
const renderSortLabel = ({ props: { i18n, id } })=>lit.html`<label
|
|
19053
|
-
class="m-2 cursor-pointer text-sm font-bold"
|
|
19054
|
-
part="label"
|
|
19055
|
-
for=${id}
|
|
19056
|
-
>
|
|
18931
|
+
const renderSortLabel = ({ props: { i18n, id } })=>lit.html`<label class="m-2 cursor-pointer text-sm font-bold" part="label" for=${id}>
|
|
19057
18932
|
${i18n.t('with-colon', {
|
|
19058
18933
|
text: i18n.t('sort-by')
|
|
19059
18934
|
})}
|
|
@@ -19246,9 +19121,7 @@ let AtomicProductChildren$1 = class AtomicProductChildren extends LightDomMixin(
|
|
|
19246
19121
|
renderLabel() {
|
|
19247
19122
|
return lit.html`
|
|
19248
19123
|
<div class="text-neutral-dark my-2 font-semibold">
|
|
19249
|
-
<atomic-commerce-text
|
|
19250
|
-
.value=${this.bindings.i18n.t(this.label)}
|
|
19251
|
-
></atomic-commerce-text>
|
|
19124
|
+
<atomic-commerce-text .value=${this.bindings.i18n.t(this.label)}></atomic-commerce-text>
|
|
19252
19125
|
</div>
|
|
19253
19126
|
`;
|
|
19254
19127
|
}
|
|
@@ -19345,11 +19218,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
|
|
|
19345
19218
|
const buttonLabel = isExpanded ? showLessLabel : showMoreLabel;
|
|
19346
19219
|
const icon = isExpanded ? minus : plus;
|
|
19347
19220
|
return lit.html`<div class="flex flex-col items-start">
|
|
19348
|
-
<div
|
|
19349
|
-
part="expandable-text"
|
|
19350
|
-
class="${multiClassMap(expandableTextClasses)}"
|
|
19351
|
-
${ref_js.ref(textRef)}
|
|
19352
|
-
>
|
|
19221
|
+
<div part="expandable-text" class="${multiClassMap(expandableTextClasses)}" ${ref_js.ref(textRef)}>
|
|
19353
19222
|
${children}
|
|
19354
19223
|
</div>
|
|
19355
19224
|
|
|
@@ -19363,10 +19232,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
|
|
|
19363
19232
|
},
|
|
19364
19233
|
onClick: onToggleExpand
|
|
19365
19234
|
}
|
|
19366
|
-
})(lit.html` <atomic-icon
|
|
19367
|
-
icon="${icon}"
|
|
19368
|
-
class="mx-1 w-2 align-baseline"
|
|
19369
|
-
></atomic-icon>
|
|
19235
|
+
})(lit.html` <atomic-icon icon="${icon}" class="mx-1 w-2 align-baseline"></atomic-icon>
|
|
19370
19236
|
${buttonLabel}`)}
|
|
19371
19237
|
</div>`;
|
|
19372
19238
|
};
|
|
@@ -19434,9 +19300,7 @@ let AtomicProductDescription$1 = class AtomicProductDescription extends LightDom
|
|
|
19434
19300
|
isCollapsible: this.isCollapsible,
|
|
19435
19301
|
textRef: this.descriptionRef
|
|
19436
19302
|
}
|
|
19437
|
-
})(lit.html`
|
|
19438
|
-
<atomic-product-text field=${this.field}></atomic-product-text>
|
|
19439
|
-
`)}`;
|
|
19303
|
+
})(lit.html` <atomic-product-text field=${this.field}></atomic-product-text> `)}`;
|
|
19440
19304
|
}
|
|
19441
19305
|
constructor(){
|
|
19442
19306
|
super(), this.productController = createProductContextController(this), this.isExpanded = false, this.isTruncated = false, this.descriptionRef = ref_js.createRef(), this.truncateAfter = '2', this.field = 'ec_shortdesc', this.isCollapsible = false, this.onToggleExpand = (e)=>{
|
|
@@ -19719,9 +19583,7 @@ let AtomicProductMultiValueText$1 = class AtomicProductMultiValueText extends li
|
|
|
19719
19583
|
const kebabValue = titleToKebab(value);
|
|
19720
19584
|
return lit.html`
|
|
19721
19585
|
<li part="product-multi-value-text-value" class="inline-block">
|
|
19722
|
-
<slot name=${`product-multi-value-text-value-${kebabValue}`}>
|
|
19723
|
-
${label}
|
|
19724
|
-
</slot>
|
|
19586
|
+
<slot name=${`product-multi-value-text-value-${kebabValue}`}> ${label} </slot>
|
|
19725
19587
|
</li>
|
|
19726
19588
|
`;
|
|
19727
19589
|
}
|
|
@@ -19759,10 +19621,7 @@ let AtomicProductMultiValueText$1 = class AtomicProductMultiValueText extends li
|
|
|
19759
19621
|
render() {
|
|
19760
19622
|
if (0 === this.sortedValues.length) return lit.nothing;
|
|
19761
19623
|
return lit.html`
|
|
19762
|
-
<ul
|
|
19763
|
-
part="product-multi-value-text-list"
|
|
19764
|
-
class="m-0 flex list-none p-0 set-font-size-sm"
|
|
19765
|
-
>
|
|
19624
|
+
<ul part="product-multi-value-text-list" class="m-0 flex list-none p-0 set-font-size-sm">
|
|
19766
19625
|
${this.renderListItems(this.sortedValues)}
|
|
19767
19626
|
</ul>
|
|
19768
19627
|
`;
|
|
@@ -20017,12 +19876,9 @@ const renderRating = ({ props })=>{
|
|
|
20017
19876
|
})}
|
|
20018
19877
|
>
|
|
20019
19878
|
<div class="z-0 flex gap-0.5">${emptyIconDisplay()}</div>
|
|
20020
|
-
<div
|
|
20021
|
-
class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden"
|
|
20022
|
-
style=${styleMap_js.styleMap({
|
|
19879
|
+
<div class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden" style=${styleMap_js.styleMap({
|
|
20023
19880
|
width
|
|
20024
|
-
})}
|
|
20025
|
-
>
|
|
19881
|
+
})}>
|
|
20026
19882
|
${filledIconDisplay()}
|
|
20027
19883
|
</div>
|
|
20028
19884
|
</div>`;
|
|
@@ -20083,9 +19939,7 @@ let AtomicProductRating$1 = class AtomicProductRating extends LightDomMixin(lit.
|
|
|
20083
19939
|
}
|
|
20084
19940
|
})}
|
|
20085
19941
|
${when_js.when(null !== this.ratingDetails, ()=>lit.html`
|
|
20086
|
-
<span class="text-neutral-dark rating-details pl-1">
|
|
20087
|
-
(${this.ratingDetails})
|
|
20088
|
-
</span>
|
|
19942
|
+
<span class="text-neutral-dark rating-details pl-1"> (${this.ratingDetails}) </span>
|
|
20089
19943
|
`)}
|
|
20090
19944
|
</div>
|
|
20091
19945
|
`)}
|
|
@@ -20547,9 +20401,7 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
|
|
|
20547
20401
|
${this.bindings.i18n.t(label)}
|
|
20548
20402
|
<span class=${multiClassMap({
|
|
20549
20403
|
'text-error-red ml-0.5': true
|
|
20550
|
-
})}
|
|
20551
|
-
>*</span
|
|
20552
|
-
>
|
|
20404
|
+
})}>*</span>
|
|
20553
20405
|
</label>
|
|
20554
20406
|
</div>
|
|
20555
20407
|
<span
|
|
@@ -20589,29 +20441,29 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
|
|
|
20589
20441
|
label: this.bindings.i18n.t(localeKey)
|
|
20590
20442
|
}
|
|
20591
20443
|
})(lit.html`
|
|
20592
|
-
|
|
20593
|
-
|
|
20444
|
+
<div
|
|
20445
|
+
class=${multiClassMap({
|
|
20594
20446
|
'answer-evaluation mt-3 flex items-center': true,
|
|
20595
20447
|
[String(correspondingAnswer)]: true
|
|
20596
20448
|
})}
|
|
20597
|
-
|
|
20598
|
-
|
|
20599
|
-
|
|
20449
|
+
key=${String(correspondingAnswer)}
|
|
20450
|
+
>
|
|
20451
|
+
<div class=${multiClassMap({
|
|
20600
20452
|
'flex-1 pr-4': true
|
|
20601
20453
|
})}>
|
|
20602
|
-
|
|
20603
|
-
|
|
20604
|
-
|
|
20605
|
-
|
|
20454
|
+
${this.renderAnswerEvaluation(localeKey, correspondingAnswer)}
|
|
20455
|
+
</div>
|
|
20456
|
+
<div
|
|
20457
|
+
class=${multiClassMap({
|
|
20606
20458
|
'options flex flex-shrink-0 text-base': true
|
|
20607
20459
|
})}
|
|
20608
|
-
|
|
20609
|
-
|
|
20610
|
-
|
|
20611
|
-
|
|
20612
|
-
</div>
|
|
20460
|
+
>
|
|
20461
|
+
${this.renderFeedbackOption('yes', correspondingAnswer)}
|
|
20462
|
+
${this.renderFeedbackOption('unknown', correspondingAnswer)}
|
|
20463
|
+
${this.renderFeedbackOption('no', correspondingAnswer)}
|
|
20613
20464
|
</div>
|
|
20614
|
-
|
|
20465
|
+
</div>
|
|
20466
|
+
`))}
|
|
20615
20467
|
</fieldset>
|
|
20616
20468
|
`;
|
|
20617
20469
|
}
|
|
@@ -20674,18 +20526,12 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
|
|
|
20674
20526
|
}
|
|
20675
20527
|
renderSuccessMessage() {
|
|
20676
20528
|
return lit.html`
|
|
20677
|
-
<div
|
|
20678
|
-
slot="body"
|
|
20679
|
-
class=${multiClassMap({
|
|
20529
|
+
<div slot="body" class=${multiClassMap({
|
|
20680
20530
|
'my-4 flex flex-col items-center gap-4': true
|
|
20681
|
-
})}
|
|
20682
|
-
|
|
20683
|
-
<atomic-icon
|
|
20684
|
-
icon=${success}
|
|
20685
|
-
class=${multiClassMap({
|
|
20531
|
+
})}>
|
|
20532
|
+
<atomic-icon icon=${success} class=${multiClassMap({
|
|
20686
20533
|
'w-48': true
|
|
20687
|
-
})}
|
|
20688
|
-
></atomic-icon>
|
|
20534
|
+
})}></atomic-icon>
|
|
20689
20535
|
<p
|
|
20690
20536
|
class=${multiClassMap({
|
|
20691
20537
|
'text-base': true
|
|
@@ -20707,19 +20553,15 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
|
|
|
20707
20553
|
const buttonClasses = 'flex items-center justify-center text-sm leading-4 p-2 rounded-md';
|
|
20708
20554
|
return lit.html`
|
|
20709
20555
|
<div slot="footer" part="modal-footer">
|
|
20710
|
-
<div
|
|
20711
|
-
class=${multiClassMap({
|
|
20556
|
+
<div class=${multiClassMap({
|
|
20712
20557
|
'flex items-center justify-between': true
|
|
20713
|
-
})}
|
|
20714
|
-
>
|
|
20558
|
+
})}>
|
|
20715
20559
|
<div class=${multiClassMap({
|
|
20716
20560
|
'required-label text-base': true
|
|
20717
20561
|
})}>
|
|
20718
20562
|
<span class=${multiClassMap({
|
|
20719
20563
|
'text-error-red mr-0.5': true
|
|
20720
|
-
})}
|
|
20721
|
-
>*</span
|
|
20722
|
-
>
|
|
20564
|
+
})}>*</span>
|
|
20723
20565
|
${this.bindings.i18n.t('required-fields')}
|
|
20724
20566
|
</div>
|
|
20725
20567
|
<div class=${multiClassMap({
|
|
@@ -21365,7 +21207,7 @@ const ListWrapper$1 = (props) => {
|
|
|
21365
21207
|
}
|
|
21366
21208
|
});
|
|
21367
21209
|
}, [otherProps.display, template]);
|
|
21368
|
-
return
|
|
21210
|
+
return React.createElement(AtomicCommerceProductList, { ref: commerceProductListRef, ...otherProps });
|
|
21369
21211
|
};
|
|
21370
21212
|
const isTemplate = (template) => {
|
|
21371
21213
|
return template.linkTemplate !== undefined;
|
|
@@ -21415,8 +21257,7 @@ const InterfaceWrapper = (props) => {
|
|
|
21415
21257
|
React.useEffect(() => {
|
|
21416
21258
|
const CommerceRecommendationInterfaceAtomic = interfaceRef.current;
|
|
21417
21259
|
if (!initialization) {
|
|
21418
|
-
initialization =
|
|
21419
|
-
CommerceRecommendationInterfaceAtomic.initializeWithEngine(engine);
|
|
21260
|
+
initialization = CommerceRecommendationInterfaceAtomic.initializeWithEngine(engine);
|
|
21420
21261
|
initialization.then(() => {
|
|
21421
21262
|
localization(CommerceRecommendationInterfaceAtomic.i18n);
|
|
21422
21263
|
});
|