npm - @xplor-education/core-stencil-components - Versions diffs - 2.1.0 → 3.0.0 - Mend

@xplor-education/core-stencil-components 2.1.0 → 3.0.0

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.

Files changed (293) hide show

package/dist/xplor-component-library/p-0df9ea5d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as n,c as e,h as r,H as t,a as o}from"./p-KRfMjDC2.js";const i="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-alert-dialog {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-alert-dialog {\n width: 600px !important;\n }\n}\nh1.sc-xplor-alert-dialog {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-alert-dialog {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-alert-dialog {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-alert-dialog {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-alert-dialog, ul.sc-xplor-alert-dialog {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-alert-dialog li.sc-xplor-alert-dialog, ul.sc-xplor-alert-dialog li.sc-xplor-alert-dialog {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-alert-dialog, ul.mdc-list.sc-xplor-alert-dialog {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-alert-dialog li.mdc-list-item.sc-xplor-alert-dialog, ul.mdc-list.sc-xplor-alert-dialog li.mdc-list-item.sc-xplor-alert-dialog {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-alert-dialog {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-alert-dialog {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-alert-dialog {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-alert-dialog {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-alert-dialog .mdc-text-field--outlined.sc-xplor-alert-dialog .mdc-notched-outline__notch.sc-xplor-alert-dialog {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-alert-dialog .mdc-notched-outline__notch.sc-xplor-alert-dialog {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-alert-dialog .mdc-notched-outline.sc-xplor-alert-dialog .mdc-notched-outline__notch.sc-xplor-alert-dialog {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-alert-dialog {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-alert-dialog:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-alert-dialog {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-alert-dialog-h {\n display: contents;\n}\n\n.xplor-alert-dialog__backdrop.sc-xplor-alert-dialog {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2000;\n padding: 1rem;\n}\n.xplor-alert-dialog__card.sc-xplor-alert-dialog {\n position: relative;\n background-color: white;\n border-radius: 0.5rem;\n padding: 3.75rem 1.25rem;\n min-height: 320px;\n max-width: 90vw;\n max-height: 90vh;\n overflow: auto;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n animation: xplor-dialog-fade-in 0.2s ease-out;\n}\n.xplor-alert-dialog__close-btn.sc-xplor-alert-dialog {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 2rem;\n height: 2rem;\n border: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n font-size: 1.5rem;\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n z-index: 1;\n}\n.xplor-alert-dialog__close-btn.sc-xplor-alert-dialog:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-alert-dialog__close-btn.sc-xplor-alert-dialog:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.xplor-alert-dialog__title.sc-xplor-alert-dialog {\n padding-top: 0;\n margin-bottom: 1rem;\n font-size: 1.25rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-alert-dialog__text.sc-xplor-alert-dialog {\n margin-bottom: 1.5rem;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-alert-dialog__actions.sc-xplor-alert-dialog {\n display: flex;\n gap: 0.5rem;\n justify-content: flex-end;\n}\n\n@keyframes xplor-dialog-fade-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}";const a=class{constructor(r){n(this,r);this.xplorClose=e(this,"xplorClose");this.xplorDialogChange=e(this,"xplorDialogChange");this.open=false;this.width="408px";this.persistent=true;this.previouslyFocusedElement=null;this.handleBackdropClick=()=>{if(!this.persistent){this.closeDialog()}};this.handleCardClick=n=>{n.stopPropagation()};this.closeDialog=()=>{this.open=false;this.xplorClose.emit();this.xplorDialogChange.emit(false)}}handleOpenChange(n){if(n){document.body.style.overflow="hidden";this.previouslyFocusedElement=document.activeElement;requestAnimationFrame((()=>{this.setInitialFocus()}))}else{document.body.style.overflow="";if(this.previouslyFocusedElement){this.previouslyFocusedElement.focus();this.previouslyFocusedElement=null}}}disconnectedCallback(){document.body.style.overflow=""}handleKeyDown(n){if(!this.open)return;if(n.key==="Escape"&&!this.persistent){n.preventDefault();this.closeDialog();return}if(n.key==="Tab"){this.trapFocus(n)}}getFocusableElements(){if(!this.dialogEl)return[];const n='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';return Array.from(this.dialogEl.querySelectorAll(n))}trapFocus(n){const e=this.getFocusableElements();if(e.length===0)return;const r=e[0];const t=e[e.length-1];if(n.shiftKey){if(document.activeElement===r){n.preventDefault();t.focus()}}else{if(document.activeElement===t){n.preventDefault();r.focus()}}}setInitialFocus(){const n=this.getFocusableElements();if(n.length>0){n[0].focus()}else if(this.dialogEl){this.dialogEl.focus()}}render(){if(!this.open){return null}return r(t,null,r("div",{class:"xplor-alert-dialog__backdrop",onClick:this.handleBackdropClick},r("div",{class:"xplor-alert-dialog__card",style:{width:this.width},onClick:this.handleCardClick,role:"alertdialog","aria-modal":"true","aria-labelledby":this.ariaLabel?undefined:"xplor-alert-dialog-title","aria-label":this.ariaLabel,"aria-describedby":"xplor-alert-dialog-text",tabindex:"-1",ref:n=>this.dialogEl=n},r("button",{type:"button",class:"xplor-alert-dialog__close-btn",onClick:this.closeDialog,"aria-label":"Close dialog"},"✕"),r("div",{class:"xplor-alert-dialog__title",id:"xplor-alert-dialog-title"},r("slot",{name:"title"})),r("div",{class:"xplor-alert-dialog__text",id:"xplor-alert-dialog-text"},r("slot",{name:"text"})),r("div",{class:"xplor-alert-dialog__actions"},r("slot",{name:"actions"})))))}get el(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};a.style=i;const l="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-alert-message {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-alert-message {\n width: 600px !important;\n }\n}\nh1.sc-xplor-alert-message {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-alert-message {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-alert-message {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-alert-message {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-alert-message, ul.sc-xplor-alert-message {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-alert-message li.sc-xplor-alert-message, ul.sc-xplor-alert-message li.sc-xplor-alert-message {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-alert-message, ul.mdc-list.sc-xplor-alert-message {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-alert-message li.mdc-list-item.sc-xplor-alert-message, ul.mdc-list.sc-xplor-alert-message li.mdc-list-item.sc-xplor-alert-message {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-alert-message {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-alert-message {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-alert-message {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-alert-message {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-alert-message .mdc-text-field--outlined.sc-xplor-alert-message .mdc-notched-outline__notch.sc-xplor-alert-message {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-alert-message .mdc-notched-outline__notch.sc-xplor-alert-message {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-alert-message .mdc-notched-outline.sc-xplor-alert-message .mdc-notched-outline__notch.sc-xplor-alert-message {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-alert-message {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-alert-message:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-alert-message {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-alert-message-h {\n display: block;\n}\n\n.alert-message.sc-xplor-alert-message {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem 1.5rem;\n border-radius: 4px;\n border-left: 4px solid;\n gap: 1rem;\n}\n.alert-message--info.sc-xplor-alert-message {\n background-color: #ede7f6;\n border-left-color: #673ab7;\n color: #4a148c;\n}\n.alert-message--warning.sc-xplor-alert-message {\n background-color: #fff3e0;\n border-left-color: #ff9800;\n color: #e65100;\n}\n.alert-message--success.sc-xplor-alert-message {\n background-color: #e8f5e9;\n border-left-color: #4caf50;\n color: #1b5e20;\n}\n.alert-message--error.sc-xplor-alert-message {\n background-color: #ffebee;\n border-left-color: #f44336;\n color: #b71c1c;\n}\n\n.alert-message__content.sc-xplor-alert-message {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.alert-message__title.sc-xplor-alert-message {\n font-weight: 600;\n font-size: 1rem;\n line-height: 1.5;\n}\n\n.alert-message__body.sc-xplor-alert-message {\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.alert-message__actions.sc-xplor-alert-message {\n margin-top: 0.5rem;\n}\n.alert-message__actions.sc-xplor-alert-message:empty {\n display: none;\n}\n\n.alert-message__dismiss.sc-xplor-alert-message {\n background: none;\n border: none;\n font-size: 1.5rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: currentColor;\n opacity: 0.7;\n transition: opacity 0.2s;\n flex-shrink: 0;\n}\n.alert-message__dismiss.sc-xplor-alert-message:hover {\n opacity: 1;\n}\n.alert-message__dismiss.sc-xplor-alert-message:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 2px;\n}";const s=class{constructor(r){n(this,r);this.xplorDismiss=e(this,"xplorDismiss");this.type="info";this.dismissible=false;this.handleDismiss=()=>{this.xplorDismiss.emit()}}render(){return r(t,{key:"9b7353e68d89701b3fdb4dcd5fb5e6c886b08d8b"},r("div",{key:"335c16829ae65019c3c7d32a9e7dd3a3ef13c1ae",class:{"alert-message":true,[`alert-message--${this.type}`]:true},role:"alert"},r("div",{key:"08feddcdf81a93b0aaa907688923d3b943fcc7ed",class:"alert-message__content"},this.alertTitle&&r("div",{key:"a994f5d65e9112cae41bf3379f4454e986d62e00",class:"alert-message__title"},r("slot",{key:"b4cd15b229b6e5539c29c929dfa804b7da537030",name:"title"},this.alertTitle)),r("div",{key:"ef6135360584c77ad418f46022ed8600c5786c2a",class:"alert-message__body"},r("slot",{key:"36d800fb3ebdfad5c2bf602212410381210db99b"})),r("div",{key:"79d1d65fc21759299f17d42523839c0d733b2098",class:"alert-message__actions"},r("slot",{key:"f4cc482a2392656d0bc385c0d3cafe23285f32e8",name:"actions"}))),this.dismissible&&r("button",{key:"37656219e43ce25d72e7afa66a1fc1a2e9f22002",class:"alert-message__dismiss",onClick:this.handleDismiss,"aria-label":"Dismiss alert",type:"button"},"×")))}};s.style=l;function d(){const n=Date.now();const e=Math.random().toString(36).substring(2,11);return`session_${n}_${e}`}function c(){const n=new Date;const e=n.getFullYear();const r=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${e}-${r}-${t}`}function p(){const n=new Date;const e=String(n.getHours()).padStart(2,"0");const r=String(n.getMinutes()).padStart(2,"0");const t=String(n.getSeconds()).padStart(2,"0");return`${e}:${r}:${t}`}async function g(n,e,r,t,o,i){if(!n){throw new Error("API endpoint is required")}if(!e\|\|!e.trim()){throw new Error("Message cannot be empty")}const a={message:e.trim(),sessionId:r,userId:t,userEmail:o,userName:i,currentDate:c(),currentTime:p()};try{const e=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(!e.ok){const n=await e.text().catch((()=>e.statusText));throw new Error(`API error: ${e.status} - ${n}`)}const r=await e.json();if(!r.message\|\|!r.sessionId){throw new Error("Invalid API response: missing required fields")}return r}catch(n){if(n instanceof Error){if(n.name==="TypeError"&&n.message.includes("fetch")){throw new Error("Network error: Unable to reach the API. Please check your connection.")}throw n}throw new Error("Unknown error occurred while calling the API")}}function x(){if(typeof window==="undefined"){return{voiceInput:false,textToSpeech:false}}const n="SpeechRecognition"in window\|\|"webkitSpeechRecognition"in window;const e="speechSynthesis"in window;return{voiceInput:n,textToSpeech:e}}class b{constructor(){this.recognition=null;this.onResultCallback=null;this.onErrorCallback=null;this.onStartCallback=null;this.onEndCallback=null;if(typeof window==="undefined")return;const n=window.SpeechRecognition\|\|window.webkitSpeechRecognition;if(n){this.recognition=new n;this.recognition.continuous=false;this.recognition.interimResults=false;this.recognition.lang="en-US";this.recognition.maxAlternatives=1;this.recognition.onstart=()=>{if(this.onStartCallback){this.onStartCallback()}};this.recognition.onresult=n=>{const e=n.results[0][0].transcript;if(this.onResultCallback){this.onResultCallback(e)}};this.recognition.onerror=n=>{const e=this.getErrorMessage(n.error);if(this.onErrorCallback){this.onErrorCallback(e)}};this.recognition.onend=()=>{if(this.onEndCallback){this.onEndCallback()}}}}getErrorMessage(n){switch(n){case"no-speech":return"No speech detected. Please try again.";case"audio-capture":return"No microphone found. Please ensure a microphone is connected.";case"not-allowed":return"Microphone permission denied. Please allow microphone access.";case"network":return"Network error. Please check your connection.";default:return`Speech recognition error: ${n}`}}start(){if(!this.recognition){console.error("Speech recognition not supported");return}try{this.recognition.start()}catch(n){console.error("Failed to start speech recognition:",n);if(this.onErrorCallback){this.onErrorCallback("Failed to start voice recognition")}}}stop(){if(this.recognition){this.recognition.stop()}}onResult(n){this.onResultCallback=n}onError(n){this.onErrorCallback=n}onStart(n){this.onStartCallback=n}onEnd(n){this.onEndCallback=n}isAvailable(){return this.recognition!==null}}class m{constructor(){this.currentUtterance=null;this.onStartCallback=null;this.onEndCallback=null}speak(n){if(typeof window==="undefined"\|\|!("speechSynthesis"in window)){console.error("Speech synthesis not supported");return}this.stop();this.currentUtterance=new SpeechSynthesisUtterance(n);this.currentUtterance.lang="en-US";this.currentUtterance.rate=1;this.currentUtterance.pitch=1;this.currentUtterance.volume=1;this.currentUtterance.onstart=()=>{if(this.onStartCallback){this.onStartCallback()}};this.currentUtterance.onend=()=>{if(this.onEndCallback){this.onEndCallback()}this.currentUtterance=null};this.currentUtterance.onerror=n=>{console.error("Speech synthesis error:",n);if(this.onEndCallback){this.onEndCallback()}this.currentUtterance=null};window.speechSynthesis.speak(this.currentUtterance)}stop(){if(typeof window==="undefined"\|\|!("speechSynthesis"in window)){return}if(window.speechSynthesis.speaking){window.speechSynthesis.cancel();if(this.onEndCallback){this.onEndCallback()}}this.currentUtterance=null}isSpeaking(){if(typeof window==="undefined"\|\|!("speechSynthesis"in window)){return false}return window.speechSynthesis.speaking}onStart(n){this.onStartCallback=n}onEnd(n){this.onEndCallback=n}isAvailable(){return typeof window!=="undefined"&&"speechSynthesis"in window}}const h=`\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>\n <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>\n <line x1="12" y1="19" x2="12" y2="23"></line>\n <line x1="8" y1="23" x2="16" y2="23"></line>\n</svg>\n`;const f=`\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <line x1="22" y1="2" x2="11" y2="13"></line>\n <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>\n</svg>\n`;const u=`\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>\n <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>\n <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>\n</svg>\n`;const y=`\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" stroke="none">\n <rect x="6" y="6" width="12" height="12" rx="2"></rect>\n</svg>\n`;const v=n=>{const{message:e,enableTextToSpeech:t,isSpeaking:o,onSpeak:i,onStopSpeaking:a}=n;const l={"xplor-assistant__message":true,"xplor-assistant__message--user":e.role==="user","xplor-assistant__message--assistant":e.role==="assistant"};const s=()=>{if(o){a===null\|\|a===void 0?void 0:a()}else{i===null\|\|i===void 0?void 0:i(e.content)}};const d=n=>{const e=n.getHours();const r=n.getMinutes();const t=e>=12?"PM":"AM";const o=e%12\|\|12;const i=r<10?`0${r}`:r;return`${o}:${i} ${t}`};return r("div",{class:l},r("div",{class:"xplor-assistant__message-content"},e.content),r("div",{class:"xplor-assistant__message-footer"},r("span",{class:"xplor-assistant__message-timestamp"},d(e.timestamp)),e.role==="assistant"&&t&&r("button",{class:{"xplor-assistant__speak-button":true,"xplor-assistant__speak-button--active":o},onClick:s,title:o?"Stop speaking":"Listen to message",type:"button"},r("span",{class:"xplor-assistant__speak-icon",innerHTML:o?y:u}))))};const k=n=>{const{placeholder:e,disabled:t,isLoading:o,enableVoiceInput:i,isListening:a,inputValue:l,onSendMessage:s,onStartListening:d,onStopListening:c,setInputValue:p}=n;const g=n=>{n.preventDefault();console.log("[AssistantInput] Submit triggered, inputValue:",l);if(l.trim()&&!t&&!o){console.log("[AssistantInput] Calling onSendMessage with:",l);s(l);p("")}else{console.log("[AssistantInput] Submit blocked - disabled:",t,"isLoading:",o,"hasValue:",!!l.trim())}};const x=n=>{const e=n.target;p(e.value)};const b=()=>{if(a){c()}else{d()}};const m=!l.trim()\|\|t\|\|o;return r("div",{class:"xplor-assistant__input-container"},r("form",{onSubmit:g,class:"xplor-assistant__input-form"},i&&r("button",{type:"button",class:{"xplor-assistant__voice-button":true,"xplor-assistant__voice-button--listening":a},onClick:b,disabled:t\|\|o,title:a?"Stop listening":"Start voice input","aria-label":"Voice input"},r("span",{class:"xplor-assistant__voice-icon",innerHTML:h})),r("input",{type:"text",class:"xplor-assistant__input",placeholder:e,value:l,onInput:x,disabled:t\|\|o}),r("button",{type:"submit",class:"xplor-assistant__send-button",disabled:m,title:"Send message","aria-label":"Send message"},r("span",{class:"xplor-assistant__send-icon",innerHTML:f}))))};const w=n=>{const{replies:e,disabled:t,onReplyClick:o}=n;if(!e\|\|e.length===0){return null}return r("div",{class:"xplor-assistant__quick-replies"},e.map((n=>r("button",{class:"xplor-assistant__quick-reply",onClick:()=>o(n),disabled:t,type:"button"},n))))};const _=()=>r("div",{class:"xplor-assistant__typing-indicator"},r("span",{class:"xplor-assistant__typing-dot"}),r("span",{class:"xplor-assistant__typing-dot"}),r("span",{class:"xplor-assistant__typing-dot"}));const z="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-assistant {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-assistant {\n width: 600px !important;\n }\n}\nh1.sc-xplor-assistant {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-assistant {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-assistant {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-assistant {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-assistant, ul.sc-xplor-assistant {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-assistant li.sc-xplor-assistant, ul.sc-xplor-assistant li.sc-xplor-assistant {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-assistant, ul.mdc-list.sc-xplor-assistant {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-assistant li.mdc-list-item.sc-xplor-assistant, ul.mdc-list.sc-xplor-assistant li.mdc-list-item.sc-xplor-assistant {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-assistant {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-assistant {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-assistant {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-assistant {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-assistant .mdc-text-field--outlined.sc-xplor-assistant .mdc-notched-outline__notch.sc-xplor-assistant {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-assistant .mdc-notched-outline__notch.sc-xplor-assistant {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-assistant .mdc-notched-outline.sc-xplor-assistant .mdc-notched-outline__notch.sc-xplor-assistant {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-assistant {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-assistant:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-assistant {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-assistant {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-assistant {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-assistant {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-assistant {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-assistant {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-assistant {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-assistant {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-assistant {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-assistant {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-assistant {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-assistant {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-assistant {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-assistant {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-assistant {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-assistant {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-assistant {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-assistant {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-assistant {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-assistant {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-assistant {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-assistant {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-assistant {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-assistant {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-assistant {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-assistant {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-assistant {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-assistant {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-assistant {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-assistant {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-assistant {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-assistant {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-assistant {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-assistant {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-assistant {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-assistant {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-assistant {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-assistant {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-assistant {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-assistant {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-assistant {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-assistant {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-assistant {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-assistant {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-assistant {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-assistant {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-assistant {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-assistant {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-assistant {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-assistant {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-assistant {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-assistant {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-assistant {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-assistant {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-assistant {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-assistant {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-assistant {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-assistant {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-assistant {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-assistant {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-assistant {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-assistant {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-assistant {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-assistant {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-assistant {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-assistant {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-assistant {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-assistant {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-assistant {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-assistant {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-assistant {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-assistant {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-assistant {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-assistant {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-assistant {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-assistant {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-assistant {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-assistant {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-assistant {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-assistant {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-assistant {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-assistant {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-assistant {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-assistant {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-assistant {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-assistant {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-assistant {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-assistant {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-assistant {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-assistant {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-assistant {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-assistant {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-assistant {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-assistant {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-assistant {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-assistant {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-assistant {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-assistant {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-assistant {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-assistant {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-assistant {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-assistant {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-assistant {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-assistant {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-assistant {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-assistant {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-assistant {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-assistant {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-assistant {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-assistant {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-assistant {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-assistant {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-assistant {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-assistant {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-assistant {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-assistant {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-assistant {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-assistant {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-assistant {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-assistant {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-assistant {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-assistant {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-assistant {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-assistant {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-assistant {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-assistant {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-assistant {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-assistant {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-assistant {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-assistant {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-assistant {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-assistant {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-assistant {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-assistant {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-assistant {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-assistant {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-assistant {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-assistant {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-assistant {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-assistant {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-assistant {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-assistant {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-assistant {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-assistant {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-assistant {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-assistant {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-assistant {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-assistant {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-assistant {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-assistant {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-assistant {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-assistant {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-assistant {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-assistant {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-assistant {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-assistant {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-assistant {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-assistant {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-assistant {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-assistant {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-assistant {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-assistant {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-assistant {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-assistant {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-assistant {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-assistant {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-assistant {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-assistant {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-assistant {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-assistant {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-assistant {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-assistant {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-assistant {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-assistant {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-assistant {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-assistant {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-assistant {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-assistant {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-assistant {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-assistant {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-assistant {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-assistant {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-assistant {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-assistant-h {\n display: block;\n --assistant-bot-bg: var(--color-secondary);\n --assistant-user-bg: #eeeeee;\n --assistant-accent: var(--color-warning, #ff9800);\n --assistant-border: #e0e0e0;\n --assistant-text: #212121;\n --assistant-text-light: #757575;\n}\n\n.xplor-assistant.sc-xplor-assistant {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background-color: #ffffff;\n border-radius: 0.75rem;\n border: 1px solid var(--assistant-border);\n overflow: hidden;\n}\n.xplor-assistant--disabled.sc-xplor-assistant {\n opacity: 0.6;\n pointer-events: none;\n}\n.xplor-assistant--error.sc-xplor-assistant {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.5rem;\n}\n\n.xplor-assistant__messages.sc-xplor-assistant {\n flex: 1;\n overflow-y: auto;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n scroll-behavior: smooth;\n}\n.xplor-assistant__messages.sc-xplor-assistant::-webkit-scrollbar {\n width: 6px;\n}\n.xplor-assistant__messages.sc-xplor-assistant::-webkit-scrollbar-track {\n background: #f5f5f5;\n border-radius: 3px;\n}\n.xplor-assistant__messages.sc-xplor-assistant::-webkit-scrollbar-thumb {\n background: #bdbdbd;\n border-radius: 3px;\n}\n.xplor-assistant__messages.sc-xplor-assistant::-webkit-scrollbar-thumb:hover {\n background: #9e9e9e;\n}\n\n.xplor-assistant__message.sc-xplor-assistant {\n display: flex;\n flex-direction: column;\n max-width: 80%;\n animation: slideIn 0.3s ease-out;\n}\n.xplor-assistant__message--bot.sc-xplor-assistant {\n align-self: flex-start;\n}\n.xplor-assistant__message--bot.sc-xplor-assistant .xplor-assistant__message-content.sc-xplor-assistant {\n background-color: var(--assistant-bot-bg);\n color: #ffffff;\n border-radius: 1rem 1rem 1rem 0.25rem;\n}\n.xplor-assistant__message--user.sc-xplor-assistant {\n align-self: flex-end;\n}\n.xplor-assistant__message--user.sc-xplor-assistant .xplor-assistant__message-content.sc-xplor-assistant {\n background-color: var(--assistant-user-bg);\n color: var(--assistant-text);\n border-radius: 1rem 1rem 0.25rem 1rem;\n}\n\n.xplor-assistant__message-content.sc-xplor-assistant {\n padding: 0.75rem 1rem;\n font-size: 0.9375rem;\n line-height: 1.5;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.xplor-assistant__message-footer.sc-xplor-assistant {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 0.25rem;\n padding: 0 0.5rem;\n}\n\n.xplor-assistant__message-timestamp.sc-xplor-assistant {\n font-size: 0.75rem;\n color: var(--assistant-text-light);\n}\n\n.xplor-assistant__speak-button.sc-xplor-assistant {\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.xplor-assistant__speak-button.sc-xplor-assistant:hover {\n background-color: #eeeeee;\n}\n.xplor-assistant__speak-button--active.sc-xplor-assistant {\n background-color: #e0e0e0;\n}\n\n.xplor-assistant__speak-icon.sc-xplor-assistant {\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-assistant__speak-icon.sc-xplor-assistant svg.sc-xplor-assistant {\n width: 16px;\n height: 16px;\n stroke: var(--assistant-text-light);\n}\n\n.xplor-assistant__typing-indicator.sc-xplor-assistant {\n display: flex;\n gap: 0.25rem;\n padding: 0.75rem 1rem;\n}\n\n.xplor-assistant__typing-dot.sc-xplor-assistant {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #bdbdbd;\n animation: typingBounce 1.4s infinite ease-in-out;\n}\n.xplor-assistant__typing-dot.sc-xplor-assistant:nth-child(1) {\n animation-delay: 0s;\n}\n.xplor-assistant__typing-dot.sc-xplor-assistant:nth-child(2) {\n animation-delay: 0.2s;\n}\n.xplor-assistant__typing-dot.sc-xplor-assistant:nth-child(3) {\n animation-delay: 0.4s;\n}\n\n.xplor-assistant__error-banner.sc-xplor-assistant {\n background-color: var(--color-error-50, #ffebee);\n color: var(--color-error-700, #d32f2f);\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n font-size: 0.875rem;\n margin: 0.5rem 0;\n}\n\n.xplor-assistant__error-message.sc-xplor-assistant {\n color: var(--color-error-700, #d32f2f);\n font-size: 0.9375rem;\n text-align: center;\n}\n\n.xplor-assistant__quick-replies.sc-xplor-assistant {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n padding: 0.75rem 1rem;\n border-top: 1px solid var(--assistant-border);\n background-color: #fafafa;\n}\n\n.xplor-assistant__quick-reply.sc-xplor-assistant {\n padding: 0.5rem 1rem;\n background-color: #ffffff;\n border: 2px solid var(--assistant-accent);\n color: var(--assistant-accent);\n border-radius: 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n}\n.xplor-assistant__quick-reply.sc-xplor-assistant:hover:not(:disabled) {\n background-color: var(--assistant-accent);\n color: #ffffff;\n transform: translateY(-1px);\n}\n.xplor-assistant__quick-reply.sc-xplor-assistant:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.xplor-assistant__input-container.sc-xplor-assistant {\n border-top: 1px solid var(--assistant-border);\n padding: 0.75rem;\n background-color: #ffffff;\n}\n\n.xplor-assistant__input-form.sc-xplor-assistant {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n}\n\n.xplor-assistant__input.sc-xplor-assistant {\n flex: 1;\n padding: 0.75rem 1rem;\n border: 1px solid var(--assistant-border);\n border-radius: 1.5rem;\n font-size: 0.9375rem;\n outline: none;\n transition: border-color 0.2s;\n}\n.xplor-assistant__input.sc-xplor-assistant:focus {\n border-color: var(--assistant-bot-bg);\n}\n.xplor-assistant__input.sc-xplor-assistant:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n.xplor-assistant__input.sc-xplor-assistant::placeholder {\n color: #9e9e9e;\n}\n\n.xplor-assistant__voice-button.sc-xplor-assistant {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: #eeeeee;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n}\n.xplor-assistant__voice-button.sc-xplor-assistant:hover:not(:disabled) {\n background-color: #e0e0e0;\n transform: scale(1.05);\n}\n.xplor-assistant__voice-button--listening.sc-xplor-assistant {\n background-color: var(--color-error, #f44336);\n animation: pulse 1.5s ease-in-out infinite;\n}\n.xplor-assistant__voice-button--listening.sc-xplor-assistant .xplor-assistant__voice-icon.sc-xplor-assistant svg.sc-xplor-assistant {\n stroke: #ffffff;\n}\n.xplor-assistant__voice-button.sc-xplor-assistant:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.xplor-assistant__voice-icon.sc-xplor-assistant {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-assistant__voice-icon.sc-xplor-assistant svg.sc-xplor-assistant {\n width: 20px;\n height: 20px;\n stroke: var(--assistant-text);\n}\n\n.xplor-assistant__send-button.sc-xplor-assistant {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: none;\n background-color: var(--assistant-bot-bg);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n}\n.xplor-assistant__send-button.sc-xplor-assistant:hover:not(:disabled) {\n background-color: var(--color-secondary-700, #7b1fa2);\n transform: scale(1.05);\n}\n.xplor-assistant__send-button.sc-xplor-assistant:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.xplor-assistant__send-icon.sc-xplor-assistant {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-assistant__send-icon.sc-xplor-assistant svg.sc-xplor-assistant {\n width: 20px;\n height: 20px;\n stroke: #ffffff;\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@keyframes typingBounce {\n 0%, 60%, 100% {\n transform: translateY(0);\n }\n 30% {\n transform: translateY(-8px);\n }\n}\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}";const C=class{constructor(r){n(this,r);this.assistantMessageSent=e(this,"assistantMessageSent");this.assistantMessageReceived=e(this,"assistantMessageReceived");this.assistantError=e(this,"assistantError");this.assistantSessionCreated=e(this,"assistantSessionCreated");this.placeholder="Type your message...";this.enableVoiceInput=true;this.enableTextToSpeech=true;this.autoSpeak=false;this.maxHeight="600px";this.disabled=false;this.messages=[];this.internalSessionId="";this.isLoading=false;this.isListening=false;this.isSpeaking=false;this.error="";this.inputValue="";this.hasVoiceSupport=false;this.hasTTSSupport=false;this.handleSendMessage=async n=>{console.log("[XplorAssistant] handleSendMessage called with:",n);if(this.disabled\|\|this.isLoading\|\|!n.trim()){console.log("[XplorAssistant] Message blocked - disabled:",this.disabled,"isLoading:",this.isLoading,"hasValue:",!!n.trim());return}this.inputValue="";console.log("[XplorAssistant] Input cleared, proceeding with message");const e={id:`user-${Date.now()}`,role:"user",content:n.trim(),timestamp:new Date};this.messages=[...this.messages,e];this.error="";this.isLoading=true;this.assistantMessageSent.emit({message:e.content,sessionId:this.internalSessionId,timestamp:e.timestamp});try{const n=await g(this.apiEndpoint,e.content,this.internalSessionId,this.userId,this.userEmail,this.userName);if(n.sessionId&&n.sessionId!==this.internalSessionId){this.internalSessionId=n.sessionId}const r={id:`assistant-${Date.now()}`,role:"assistant",content:n.message,timestamp:new Date};this.messages=[...this.messages,r];this.assistantMessageReceived.emit({message:r.content,sessionId:this.internalSessionId,timestamp:r.timestamp});if(this.autoSpeak&&this.enableTextToSpeech){this.speechSynthesis.speak(r.content)}}catch(n){const e=n instanceof Error?n.message:"Failed to send message";this.handleError(e,"api")}finally{this.isLoading=false}};this.handleVoiceInput=n=>{if(n&&n.trim()){this.handleSendMessage(n)}};this.handleError=(n,e)=>{this.error=n;this.assistantError.emit({error:n,type:e,timestamp:new Date})};this.handleStartListening=()=>{if(this.speechRecognition&&this.enableVoiceInput&&!this.disabled&&!this.isLoading){this.speechRecognition.start()}};this.handleStopListening=()=>{if(this.speechRecognition){this.speechRecognition.stop()}};this.handleSpeak=n=>{if(this.speechSynthesis&&this.enableTextToSpeech){this.speechSynthesis.speak(n)}};this.handleStopSpeaking=()=>{if(this.speechSynthesis){this.speechSynthesis.stop()}};this.handleQuickReply=n=>{this.handleSendMessage(n)};this.setInputValue=n=>{this.inputValue=n}}componentWillLoad(){if(!this.apiEndpoint){console.error("xplor-assistant: apiEndpoint prop is required");this.error="Configuration error: API endpoint not provided";return}if(!this.userId\|\|!this.userEmail\|\|!this.userName){console.error("xplor-assistant: userId, userEmail, and userName props are required");this.error="Configuration error: User information not provided";return}if(this.sessionId){this.internalSessionId=this.sessionId}else{this.internalSessionId=d();this.assistantSessionCreated.emit({sessionId:this.internalSessionId,timestamp:new Date})}const n=x();this.hasVoiceSupport=n.voiceInput;this.hasTTSSupport=n.textToSpeech;if(!this.hasVoiceSupport){this.enableVoiceInput=false}if(!this.hasTTSSupport){this.enableTextToSpeech=false}this.speechRecognition=new b;this.speechSynthesis=new m;this.speechRecognition.onStart((()=>{this.isListening=true}));this.speechRecognition.onEnd((()=>{this.isListening=false}));this.speechRecognition.onResult((n=>{this.handleVoiceInput(n)}));this.speechRecognition.onError((n=>{this.isListening=false;this.handleError(n,"voice")}));this.speechSynthesis.onStart((()=>{this.isSpeaking=true}));this.speechSynthesis.onEnd((()=>{this.isSpeaking=false}))}handleSessionIdChange(n){if(n&&n!==this.internalSessionId){this.internalSessionId=n}}componentDidUpdate(){this.scrollToBottom()}disconnectedCallback(){if(this.speechSynthesis){this.speechSynthesis.stop()}}async sendMessage(n){if(!n\|\|!n.trim()){return}await this.handleSendMessage(n)}async clearHistory(){this.messages=[];this.error=""}async speak(n){if(this.enableTextToSpeech&&this.speechSynthesis){this.speechSynthesis.speak(n)}}async stopSpeaking(){if(this.speechSynthesis){this.speechSynthesis.stop()}}scrollToBottom(){if(this.messagesContainerRef){setTimeout((()=>{this.messagesContainerRef.scrollTop=this.messagesContainerRef.scrollHeight}),100)}}render(){if(this.error&&!this.apiEndpoint){return r(t,null,r("div",{class:"xplor-assistant xplor-assistant--error"},r("div",{class:"xplor-assistant__error-message"},this.error)))}return r(t,null,r("div",{class:{"xplor-assistant":true,"xplor-assistant--disabled":this.disabled},style:{maxHeight:this.maxHeight}},r("div",{class:"xplor-assistant__messages",ref:n=>this.messagesContainerRef=n,role:"log","aria-live":"polite","aria-busy":this.isLoading?"true":"false"},this.messages.map((n=>r(v,{message:n,enableTextToSpeech:this.enableTextToSpeech,autoSpeak:false,isSpeaking:this.isSpeaking,onSpeak:this.handleSpeak,onStopSpeaking:this.handleStopSpeaking}))),this.isLoading&&r("div",{class:"xplor-assistant__message xplor-assistant__message--assistant"},r(_,null)),this.error&&this.apiEndpoint&&r("div",{class:"xplor-assistant__error-banner"},this.error)),this.quickReplies&&this.quickReplies.length>0&&r(w,{replies:this.quickReplies,disabled:this.disabled\|\|this.isLoading,onReplyClick:this.handleQuickReply}),r(k,{placeholder:this.placeholder,disabled:this.disabled,isLoading:this.isLoading,enableVoiceInput:this.enableVoiceInput&&this.hasVoiceSupport,isListening:this.isListening,onSendMessage:this.handleSendMessage,onStartListening:this.handleStartListening,onStopListening:this.handleStopListening,inputValue:this.inputValue,setInputValue:this.setInputValue})))}get el(){return o(this)}static get watchers(){return{sessionId:["handleSessionIdChange"]}}};C.style=z;const I="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-autocomplete {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-autocomplete {\n width: 600px !important;\n }\n}\nh1.sc-xplor-autocomplete {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-autocomplete {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-autocomplete {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-autocomplete {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-autocomplete, ul.sc-xplor-autocomplete {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-autocomplete li.sc-xplor-autocomplete, ul.sc-xplor-autocomplete li.sc-xplor-autocomplete {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-autocomplete, ul.mdc-list.sc-xplor-autocomplete {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-autocomplete li.mdc-list-item.sc-xplor-autocomplete, ul.mdc-list.sc-xplor-autocomplete li.mdc-list-item.sc-xplor-autocomplete {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-autocomplete {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-autocomplete {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-autocomplete {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-autocomplete {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-autocomplete .mdc-text-field--outlined.sc-xplor-autocomplete .mdc-notched-outline__notch.sc-xplor-autocomplete {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-autocomplete .mdc-notched-outline__notch.sc-xplor-autocomplete {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-autocomplete .mdc-notched-outline.sc-xplor-autocomplete .mdc-notched-outline__notch.sc-xplor-autocomplete {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-autocomplete {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-autocomplete:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-autocomplete {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-autocomplete-h {\n display: block;\n width: 100%;\n}\n\n.autocomplete.sc-xplor-autocomplete {\n position: relative;\n width: 100%;\n}\n.autocomplete--disabled.sc-xplor-autocomplete {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.autocomplete--readonly.sc-xplor-autocomplete .autocomplete__input.sc-xplor-autocomplete {\n background-color: #f5f5f5;\n}\n\n.autocomplete__label.sc-xplor-autocomplete {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n color: #424242;\n margin-bottom: 0.5rem;\n}\n\n.autocomplete__input-wrapper.sc-xplor-autocomplete {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid #bdbdbd;\n border-radius: 4px;\n padding: 0.5rem;\n background-color: #fff;\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n.autocomplete__input-wrapper.sc-xplor-autocomplete:focus-within {\n border-color: #1976d2;\n box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\n}\n\n.autocomplete__chips.sc-xplor-autocomplete {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n\n.autocomplete__chip.sc-xplor-autocomplete {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.5rem;\n background-color: #e3f2fd;\n border-radius: 16px;\n font-size: 0.875rem;\n color: #1976d2;\n}\n\n.autocomplete__chip-label.sc-xplor-autocomplete {\n line-height: 1;\n}\n\n.autocomplete__chip-remove.sc-xplor-autocomplete {\n background: none;\n border: none;\n font-size: 1.25rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #1976d2;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.autocomplete__chip-remove.sc-xplor-autocomplete:hover:not(:disabled) {\n background-color: rgba(25, 118, 210, 0.1);\n}\n.autocomplete__chip-remove.sc-xplor-autocomplete:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.autocomplete__input.sc-xplor-autocomplete {\n flex: 1;\n min-width: 120px;\n border: none;\n outline: none;\n font-family: inherit;\n font-size: 1rem;\n padding: 0.25rem;\n background: transparent;\n color: #212121;\n}\n.autocomplete__input.sc-xplor-autocomplete::placeholder {\n color: #9e9e9e;\n}\n.autocomplete__input.sc-xplor-autocomplete:disabled {\n cursor: not-allowed;\n}\n.autocomplete__input[readonly].sc-xplor-autocomplete {\n cursor: default;\n}\n\n.autocomplete__actions.sc-xplor-autocomplete {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n}\n\n.autocomplete__clear.sc-xplor-autocomplete {\n background: none;\n border: none;\n font-size: 1.25rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.autocomplete__clear.sc-xplor-autocomplete:hover {\n background-color: #f5f5f5;\n color: #212121;\n}\n\n.autocomplete__icon.sc-xplor-autocomplete {\n font-size: 0.75rem;\n color: #757575;\n pointer-events: none;\n transition: transform 0.2s;\n}\n.autocomplete--open.sc-xplor-autocomplete .autocomplete__icon.sc-xplor-autocomplete {\n transform: rotate(180deg);\n}\n\n.autocomplete__dropdown.sc-xplor-autocomplete {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n max-height: 300px;\n overflow-y: auto;\n background-color: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n}\n\n.autocomplete__item.sc-xplor-autocomplete {\n padding: 0.75rem 1rem;\n cursor: pointer;\n transition: background-color 0.2s;\n color: #212121;\n}\n.autocomplete__item.sc-xplor-autocomplete:hover:not(.autocomplete__item--disabled) {\n background-color: #f5f5f5;\n}\n.autocomplete__item--highlighted.sc-xplor-autocomplete {\n background-color: #e3f2fd;\n}\n.autocomplete__item--selected.sc-xplor-autocomplete {\n background-color: #1976d2;\n color: #fff;\n}\n.autocomplete__item--selected.sc-xplor-autocomplete:hover {\n background-color: #1565c0;\n}\n.autocomplete__item--disabled.sc-xplor-autocomplete {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.autocomplete__no-results.sc-xplor-autocomplete {\n padding: 1rem;\n text-align: center;\n color: #757575;\n font-size: 0.875rem;\n}";const S=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.xplorSelect=e(this,"xplorSelect");this.xplorClear=e(this,"xplorClear");this.xplorSearch=e(this,"xplorSearch");this.items=[];this.value=null;this.placeholder="Search...";this.disabled=false;this.readonly=false;this.clearable=false;this.multiple=false;this.minSearchLength=0;this.itemValue="value";this.itemText="label";this.menuMaxWidth="100%";this.isOpen=false;this.searchQuery="";this.filteredItems=[];this.selectedItems=[];this.highlightedIndex=-1;this.handleInputFocus=()=>{if(this.disabled\|\|this.readonly)return;this.isOpen=true;this.highlightedIndex=-1};this.handleInputChange=n=>{const e=n.target;this.searchQuery=e.value;this.filterItems();this.isOpen=true;this.highlightedIndex=-1;this.xplorSearch.emit(this.searchQuery);if(!this.multiple&&this.searchQuery===""){this.value=null;this.xplorChange.emit(null)}};this.handleInputKeyDown=n=>{var e;if(this.disabled\|\|this.readonly)return;switch(n.key){case"ArrowDown":n.preventDefault();this.isOpen=true;this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredItems.length-1);this.scrollToHighlighted();break;case"ArrowUp":n.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,-1);this.scrollToHighlighted();break;case"Enter":n.preventDefault();if(this.highlightedIndex>=0&&this.highlightedIndex<this.filteredItems.length){this.selectItem(this.filteredItems[this.highlightedIndex])}break;case"Escape":n.preventDefault();this.isOpen=false;(e=this.inputEl)===null\|\|e===void 0?void 0:e.blur();break;case"Backspace":if(this.multiple&&this.searchQuery===""&&this.selectedItems.length>0){n.preventDefault();this.removeItem(this.selectedItems[this.selectedItems.length-1])}break}};this.handleClear=()=>{var n;this.value=this.multiple?[]:null;this.selectedItems=[];this.searchQuery="";this.filterItems();this.xplorChange.emit(this.value);this.xplorClear.emit();(n=this.inputEl)===null\|\|n===void 0?void 0:n.focus()}}getItemValue(n){return n[this.itemValue]!==undefined?n[this.itemValue]:n.value}getItemText(n){return n[this.itemText]!==undefined?String(n[this.itemText]):String(n.label)}componentWillLoad(){this.filterItems();if(this.value!==null){if(this.multiple&&Array.isArray(this.value)){this.selectedItems=this.value}else if(!this.multiple){const n=this.items.find((n=>this.getItemValue(n)===this.value));if(n){this.searchQuery=this.getItemText(n)}}}}handleDocumentClick(n){const e=n.target;if(!this.el.contains(e)){this.isOpen=false}}filterItems(){if(this.searchQuery.length<this.minSearchLength){this.filteredItems=this.items;return}const n=this.searchQuery.toLowerCase();this.filteredItems=this.items.filter((e=>this.getItemText(e).toLowerCase().includes(n)))}scrollToHighlighted(){if(this.dropdownEl&&this.highlightedIndex>=0){const n=this.dropdownEl.querySelector(`[data-index="${this.highlightedIndex}"]`);if(n){n.scrollIntoView({block:"nearest"})}}}selectItem(n){var e;if(n.disabled)return;const r=this.getItemValue(n);if(this.multiple){if(!this.selectedItems.includes(r)){this.selectedItems=[...this.selectedItems,r];this.value=this.selectedItems;this.xplorChange.emit(this.value)}this.searchQuery="";this.filterItems()}else{this.value=r;this.searchQuery=this.getItemText(n);this.isOpen=false;this.xplorChange.emit(this.value)}this.xplorSelect.emit(n);(e=this.inputEl)===null\|\|e===void 0?void 0:e.focus()}removeItem(n){this.selectedItems=this.selectedItems.filter((e=>e!==n));this.value=this.selectedItems;this.xplorChange.emit(this.value)}getSelectedItemLabel(n){const e=this.items.find((e=>this.getItemValue(e)===n));return e?this.getItemText(e):n}findItemByValue(n){return this.items.find((e=>this.getItemValue(e)===n))}render(){const n=this.multiple?this.selectedItems.length>0:this.value!==null&&this.searchQuery!=="";const e="autocomplete-listbox";const o="autocomplete-label";const i=this.highlightedIndex>=0?`autocomplete-option-${this.highlightedIndex}`:undefined;return r(t,{key:"f76ac5f9d1cd6e6c9618ac3884bc86a2bfabb3c5"},r("div",{key:"efd2bd854c305c56971b5d6e19a5b9eb497099f8",class:{autocomplete:true,"autocomplete--disabled":this.disabled,"autocomplete--readonly":this.readonly,"autocomplete--open":this.isOpen}},this.label&&r("label",{key:"97bb161105b66181558d22519c9f0cd1287b2c49",class:"autocomplete__label",id:o},this.label),r("div",{key:"128acf53793205be89a8d619ce548107aaed8b28",class:"autocomplete__input-wrapper"},this.multiple&&this.selectedItems.length>0&&r("div",{key:"670da50897139688951c077db4b6116b88bfadfa",class:"autocomplete__chips"},this.selectedItems.map((n=>{const e=this.findItemByValue(n);const t=this.getSelectedItemLabel(n);return r("div",{class:"autocomplete__chip"},r("span",{class:"autocomplete__chip-label"},this.renderSelection&&e?this.renderSelection(e):t),r("button",{type:"button",class:"autocomplete__chip-remove",onClick:()=>this.removeItem(n),disabled:this.disabled\|\|this.readonly,"aria-label":`Remove ${t}`},"×"))}))),r("input",{key:"25e9e5111726cd720ab88a4a5ae25f84b48eee1e",ref:n=>this.inputEl=n,type:"text",class:"autocomplete__input",placeholder:this.placeholder,value:this.searchQuery,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleInputKeyDown,disabled:this.disabled,readonly:this.readonly,autocomplete:"off",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":this.isOpen?e:undefined,"aria-activedescendant":i,"aria-labelledby":this.label?o:undefined,"aria-label":!this.label?this.ariaLabel\|\|this.placeholder:undefined,"aria-autocomplete":"list"}),r("div",{key:"5128b893c4743a49439a279b0cb7094077ebd528",class:"autocomplete__actions"},this.clearable&&n&&!this.disabled&&!this.readonly&&r("button",{key:"512d7956e79d9767e072462f1ec309b081716c86",type:"button",class:"autocomplete__clear",onClick:this.handleClear,"aria-label":"Clear selection"},"×"),r("span",{key:"e0cfba3c1513b63f9697835ad6919d045c7011db",class:"autocomplete__icon","aria-hidden":"true"},"▼"))),this.isOpen&&this.filteredItems.length>0&&r("div",{key:"9c100abedb5ee252df82994722c0da9d5787d1bf",class:"autocomplete__dropdown",ref:n=>this.dropdownEl=n,style:{maxWidth:this.menuMaxWidth},role:"listbox",id:e,"aria-label":this.label\|\|this.ariaLabel\|\|"Suggestions"},this.filteredItems.map(((n,e)=>{const t=this.getItemValue(n);const o=this.multiple?this.selectedItems.includes(t):this.value===t;return r("div",{key:t,id:`autocomplete-option-${e}`,"data-index":e,role:"option","aria-selected":o?"true":"false","aria-disabled":n.disabled?"true":undefined,class:{autocomplete__item:true,"autocomplete__item--highlighted":e===this.highlightedIndex,"autocomplete__item--selected":o,"autocomplete__item--disabled":n.disabled},onClick:()=>this.selectItem(n)},this.renderItem?this.renderItem(n):this.getItemText(n))}))),this.isOpen&&this.filteredItems.length===0&&r("div",{key:"329f92d7f4bf36bb114909853e249978412ae82f",class:"autocomplete__dropdown",style:{maxWidth:this.menuMaxWidth},role:"listbox",id:e},r("div",{key:"400e97f955724f59830fb37b52d99c3723627e51",class:"autocomplete__no-results",role:"option","aria-disabled":"true"},"No results found"))))}get el(){return o(this)}};S.style=I;const j="/* on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme='office'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n:host {\n display: block;\n}";const T=class{constructor(e){n(this,e);this.disabled=false}render(){let n="xpl-avatar";if(this.size)n+=` xpl-avatar--${this.size}`;if(this.color)n+=` xpl-avatar--${this.color}`;const e=r("div",{key:"2e2722f2649108b7fdc3fd51375e17ac47e6f1ff"},this.src?r("img",{alt:this.name,src:this.src}):r("div",{class:"xpl-avatar__placeholder"},r("slot",null)),this.status&&r("div",{key:"26fa57a9a697a110ef73434376715eda0e5134a5",class:`xpl-avatar__dot--${this.status}`,"aria-label":`Status: ${this.status}`,role:"img"}));return r(t,{key:"9c99cec20679f0d10fbcf9dffc70877c0dc879f9"},this.href&&!this.disabled?r("a",{href:this.href,class:n,target:this.target},e):this.href&&this.disabled?r("div",{class:n+" xpl-avatar--disabled"},e):r("div",{class:n},e))}};T.style=j;const L="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-avatar-and-name {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-avatar-and-name {\n width: 600px !important;\n }\n}\nh1.sc-xplor-avatar-and-name {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-avatar-and-name {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-avatar-and-name {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-avatar-and-name {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-avatar-and-name, ul.sc-xplor-avatar-and-name {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-avatar-and-name li.sc-xplor-avatar-and-name, ul.sc-xplor-avatar-and-name li.sc-xplor-avatar-and-name {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-avatar-and-name, ul.mdc-list.sc-xplor-avatar-and-name {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-avatar-and-name li.mdc-list-item.sc-xplor-avatar-and-name, ul.mdc-list.sc-xplor-avatar-and-name li.mdc-list-item.sc-xplor-avatar-and-name {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-avatar-and-name {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-avatar-and-name {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-avatar-and-name {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-avatar-and-name {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-avatar-and-name .mdc-text-field--outlined.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-avatar-and-name .mdc-notched-outline.sc-xplor-avatar-and-name .mdc-notched-outline__notch.sc-xplor-avatar-and-name {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-avatar-and-name {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-avatar-and-name:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-avatar-and-name {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-avatar-and-name-h {\n display: inline-block;\n}\n\n.avatar-and-name.sc-xplor-avatar-and-name {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.avatar-and-name__text.sc-xplor-avatar-and-name {\n font-size: 0.875rem;\n font-weight: 500;\n color: #212121;\n line-height: 1.5;\n}";const M=class{constructor(e){n(this,e);this.size="md"}render(){return r(t,{key:"adf60fff779f4cc4bf31c20468c6372c6cef675b"},r("div",{key:"1c94683794ed122c7c1456e4abf7ae60f6458dd0",class:"avatar-and-name"},r("xplor-avatar",{key:"f37593d3b66ea539fefebadc9ff8e1657bd4a645",name:this.name,src:this.src,size:this.size,color:this.color,status:this.status},!this.src&&this.name&&this.name.charAt(0).toUpperCase()),r("span",{key:"663d209d1a1fd4cf70198f1b4a08d71263b201d5",class:"avatar-and-name__text"},r("slot",{key:"611eb31cc972f67f1a9d184eb844b4c2134f0f9f"},this.name))))}};M.style=L;const $="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge, ul.sc-xplor-badge {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge li.sc-xplor-badge, ul.sc-xplor-badge li.sc-xplor-badge {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge, ul.mdc-list.sc-xplor-badge {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge li.mdc-list-item.sc-xplor-badge, ul.mdc-list.sc-xplor-badge li.mdc-list-item.sc-xplor-badge {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge .mdc-text-field--outlined.sc-xplor-badge .mdc-notched-outline__notch.sc-xplor-badge {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge .mdc-notched-outline__notch.sc-xplor-badge {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge .mdc-notched-outline.sc-xplor-badge .mdc-notched-outline__notch.sc-xplor-badge {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-badge {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-badge {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-badge {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-badge {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-badge {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-badge {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-badge {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-badge {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-badge {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-badge {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-badge {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-badge {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-badge {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-badge {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-badge {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-badge {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-badge {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-badge {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-badge {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-badge {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-badge {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-badge {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-badge {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-badge {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-badge {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-badge {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-badge {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-badge {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-badge {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-badge {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-badge {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-badge {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-badge {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-badge {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-badge {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-badge {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-badge {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-badge {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-badge {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-badge {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-badge {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-badge {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-badge {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-badge {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-badge {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-badge {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-badge {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-badge {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-badge {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-badge {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-badge {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-badge {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-badge {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-badge {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-badge {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-badge {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-badge {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-badge {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-badge {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-badge {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-badge {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-badge {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-badge {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-badge {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-badge {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-badge {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-badge {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-badge {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-badge {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-badge {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-badge {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-badge {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-badge {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-badge {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-badge {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-badge {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-badge {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-badge {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-badge {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-badge {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-badge {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-badge {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-badge {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-badge {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-badge {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-badge {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-badge {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-badge {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-badge {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-badge {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-badge {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-badge {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-badge {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-badge {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-badge {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-badge {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-badge {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-badge {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-badge {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-badge {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-badge {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-badge {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-badge {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-badge {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-badge {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-badge {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-badge {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-badge {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-badge {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-badge {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-badge {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-badge {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-badge {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-badge {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-badge {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-badge {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-badge {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-badge {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-badge {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-badge {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-badge {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-badge {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-badge {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-badge {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-badge {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-badge {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-badge {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-badge {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-badge {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-badge {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-badge {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-badge {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-badge {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-badge {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-badge {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-badge {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-badge {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-badge {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-badge {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-badge {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-badge {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-badge {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-badge {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-badge {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-badge {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-badge {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-badge {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-badge {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-badge {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-badge {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-badge {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-badge {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-badge {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-badge {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-badge {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-badge {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-badge {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-badge {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-badge {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-badge {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-badge {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-badge {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-badge {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-badge {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-badge {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-badge {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-badge {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-badge {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-badge {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-badge {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-badge {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-badge {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-badge {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-badge {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-badge {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-badge {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-badge {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-badge {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-badge {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-badge {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-badge {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-badge {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-badge-h {\n display: inline-block;\n}\n\n.xplor-badge.sc-xplor-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding: 4px 12px;\n border-radius: 16px;\n background-color: var(--xplor-badge-bg, var(--color-primary-50, #e3f2fd));\n color: var(--xplor-badge-color, var(--color-primary));\n transition: all 0.2s ease;\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.xplor-badge--small.sc-xplor-badge {\n font-size: 0.75rem;\n padding: 2px 8px;\n border-radius: 12px;\n}\n.xplor-badge--medium.sc-xplor-badge {\n font-size: 0.875rem;\n padding: 4px 12px;\n border-radius: 16px;\n}\n.xplor-badge--large.sc-xplor-badge {\n font-size: 1rem;\n padding: 6px 16px;\n border-radius: 20px;\n}\n.xplor-badge--flat.sc-xplor-badge {\n border: none;\n}\n.xplor-badge--outlined.sc-xplor-badge {\n background-color: transparent;\n border: 1px solid var(--xplor-badge-bg, var(--color-primary));\n color: var(--xplor-badge-bg, var(--color-primary));\n}\n.xplor-badge--tonal.sc-xplor-badge {\n background-color: var(--xplor-badge-bg, var(--color-primary-50, #e3f2fd));\n color: var(--xplor-badge-color, var(--color-primary));\n}\n.xplor-badge--datatable.sc-xplor-badge {\n padding: 8px 12px;\n border-radius: 14px;\n}";const F=class{constructor(e){n(this,e);this.backgroundColor="#e3f2fd";this.color="auto";this.threshold=130;this.variant="flat";this.size="medium";this.datatable=false;this.text=""}calculateLuminance(n,e,r){const[t,o,i]=[n,e,r].map((n=>{n=n/255;return n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4)}));return.2126t+.7152o+.0722i}parseColor(n){if(n.startsWith("#")){const e=n.replace("#","");if(e.length===3){const n=parseInt(e[0]+e[0],16);const r=parseInt(e[1]+e[1],16);const t=parseInt(e[2]+e[2],16);return{r:n,g:r,b:t}}else if(e.length===6){const n=parseInt(e.substring(0,2),16);const r=parseInt(e.substring(2,4),16);const t=parseInt(e.substring(4,6),16);return{r:n,g:r,b:t}}}const e=n.match(/rgba?\((\d+),\s(\d+),\s(\d+)/);if(e){return{r:parseInt(e[1]),g:parseInt(e[2]),b:parseInt(e[3])}}return null}calculateContrastingColor(n){const e=this.parseColor(n);if(!e)return"#000000";const r=this.calculateLuminance(e.r,e.g,e.b);return r>.5?"#000000":"#ffffff"}get cssVars(){const n={};n["--xplor-badge-bg"]=this.backgroundColor;if(this.color==="auto"){n["--xplor-badge-color"]=this.calculateContrastingColor(this.backgroundColor)}else{n["--xplor-badge-color"]=this.color}return n}get computedClasses(){return{"xplor-badge":true,[`xplor-badge--${this.variant}`]:true,[`xplor-badge--${this.size}`]:true,"xplor-badge--datatable":this.datatable}}render(){return r(t,{key:"4f0691b5233e85340519a7ead5f3f3508c35c307"},r("span",{key:"1588d8d3a85def71d7e5b5f5883d36ca5a232141",class:this.computedClasses,style:this.cssVars},r("slot",{key:"571aa32299b77b94351ef8a1b66e071fa318c2e5"},this.text)))}};F.style=$;const D="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-active {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-active {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-active {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-active {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-active {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-active {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-active, ul.sc-xplor-badge-active {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-active li.sc-xplor-badge-active, ul.sc-xplor-badge-active li.sc-xplor-badge-active {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-active, ul.mdc-list.sc-xplor-badge-active {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-active li.mdc-list-item.sc-xplor-badge-active, ul.mdc-list.sc-xplor-badge-active li.mdc-list-item.sc-xplor-badge-active {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-active {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-active {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-active {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-active {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-active .mdc-text-field--outlined.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-active .mdc-notched-outline.sc-xplor-badge-active .mdc-notched-outline__notch.sc-xplor-badge-active {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-active {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-active:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-active {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-active-h {\n display: inline-block;\n}\n\n.xplor-badge-active.sc-xplor-badge-active {\n background-color: #E6F7F7;\n color: #00605C;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const A=class{constructor(e){n(this,e)}render(){return r(t,{key:"821006a66a77dcb1380c039c7f5932accb290e30"},r("span",{key:"48942c3389b30d05660061e82ef9461842c38ea8",class:"xplor-badge-active"},"Active"))}};A.style=D;const P="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-archived {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-archived {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-archived {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-archived {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-archived {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-archived {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-archived, ul.sc-xplor-badge-archived {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-archived li.sc-xplor-badge-archived, ul.sc-xplor-badge-archived li.sc-xplor-badge-archived {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-archived, ul.mdc-list.sc-xplor-badge-archived {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-archived li.mdc-list-item.sc-xplor-badge-archived, ul.mdc-list.sc-xplor-badge-archived li.mdc-list-item.sc-xplor-badge-archived {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-archived {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-archived {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-archived {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-archived {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-archived .mdc-text-field--outlined.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-archived .mdc-notched-outline.sc-xplor-badge-archived .mdc-notched-outline__notch.sc-xplor-badge-archived {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-archived {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-archived:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-archived {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-archived-h {\n display: inline-block;\n}\n\n.xplor-badge-archived.sc-xplor-badge-archived {\n background-color: #E8E0F0;\n color: #60479A;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const O=class{constructor(e){n(this,e)}render(){return r(t,{key:"599e09f32f830d73850b5ec237839da8a7121c80"},r("span",{key:"844fd6e6bc86467cfe4be78922462d7a8da3a3ce",class:"xplor-badge-archived"},"Archived"))}};O.style=P;const E="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-deleted {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-deleted {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-deleted {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-deleted {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-deleted {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-deleted {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-deleted, ul.sc-xplor-badge-deleted {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-deleted li.sc-xplor-badge-deleted, ul.sc-xplor-badge-deleted li.sc-xplor-badge-deleted {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-deleted, ul.mdc-list.sc-xplor-badge-deleted {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-deleted li.mdc-list-item.sc-xplor-badge-deleted, ul.mdc-list.sc-xplor-badge-deleted li.mdc-list-item.sc-xplor-badge-deleted {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-deleted {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-deleted {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-deleted {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-deleted {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-deleted .mdc-text-field--outlined.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-deleted .mdc-notched-outline.sc-xplor-badge-deleted .mdc-notched-outline__notch.sc-xplor-badge-deleted {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-deleted {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-deleted:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-deleted {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-deleted-h {\n display: inline-block;\n}\n\n.xplor-badge-deleted.sc-xplor-badge-deleted {\n background-color: #FFF3E6;\n color: #B35A00;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const B=class{constructor(e){n(this,e)}render(){return r(t,{key:"df3f8b3c1375d524ab3d43973744d60c2abfaac5"},r("span",{key:"61801350159e59fe22fd75ebe81d0c6601df3de7",class:"xplor-badge-deleted"},"Deleted"))}};B.style=E;const H="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-expired {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-expired {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-expired {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-expired {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-expired {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-expired {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-expired, ul.sc-xplor-badge-expired {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-expired li.sc-xplor-badge-expired, ul.sc-xplor-badge-expired li.sc-xplor-badge-expired {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-expired, ul.mdc-list.sc-xplor-badge-expired {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-expired li.mdc-list-item.sc-xplor-badge-expired, ul.mdc-list.sc-xplor-badge-expired li.mdc-list-item.sc-xplor-badge-expired {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-expired {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-expired {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-expired {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-expired {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-expired .mdc-text-field--outlined.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-expired .mdc-notched-outline.sc-xplor-badge-expired .mdc-notched-outline__notch.sc-xplor-badge-expired {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-expired {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-expired:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-expired {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-expired-h {\n display: inline-block;\n}\n\n.xplor-badge-expired.sc-xplor-badge-expired {\n background-color: #FEE;\n color: #C62828;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const q=class{constructor(e){n(this,e)}render(){return r(t,{key:"fed692675532969ab1353a505743baf529ee8267"},r("span",{key:"780c2bf72f1b4d0f6dc2057ac1b4fc2c29e9b479",class:"xplor-badge-expired"},"Expired"))}};q.style=H;const R="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-inactive {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-inactive {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-inactive {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-inactive {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-inactive {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-inactive {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-inactive, ul.sc-xplor-badge-inactive {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-inactive li.sc-xplor-badge-inactive, ul.sc-xplor-badge-inactive li.sc-xplor-badge-inactive {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-inactive, ul.mdc-list.sc-xplor-badge-inactive {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-inactive li.mdc-list-item.sc-xplor-badge-inactive, ul.mdc-list.sc-xplor-badge-inactive li.mdc-list-item.sc-xplor-badge-inactive {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-inactive {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-inactive {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-inactive {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-inactive {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-inactive .mdc-text-field--outlined.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-inactive .mdc-notched-outline.sc-xplor-badge-inactive .mdc-notched-outline__notch.sc-xplor-badge-inactive {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-inactive {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-inactive:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-inactive {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-inactive-h {\n display: inline-block;\n}\n\n.xplor-badge-inactive.sc-xplor-badge-inactive {\n background-color: #FAFAFA;\n color: #424242;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const V=class{constructor(e){n(this,e)}render(){return r(t,{key:"91648179b68ae6aa6db61292bf53b27761b7e00a"},r("span",{key:"08eab77d253bf84f767f78e0ee147147d7b999ef",class:"xplor-badge-inactive"},"Inactive"))}};V.style=R;const N="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-recalled {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-recalled {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-recalled {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-recalled {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-recalled {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-recalled {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-recalled, ul.sc-xplor-badge-recalled {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-recalled li.sc-xplor-badge-recalled, ul.sc-xplor-badge-recalled li.sc-xplor-badge-recalled {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-recalled, ul.mdc-list.sc-xplor-badge-recalled {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-recalled li.mdc-list-item.sc-xplor-badge-recalled, ul.mdc-list.sc-xplor-badge-recalled li.mdc-list-item.sc-xplor-badge-recalled {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-recalled {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-recalled {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-recalled {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-recalled {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-recalled .mdc-text-field--outlined.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-recalled .mdc-notched-outline.sc-xplor-badge-recalled .mdc-notched-outline__notch.sc-xplor-badge-recalled {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-recalled {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-recalled:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-recalled {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-recalled-h {\n display: inline-block;\n}\n\n.xplor-badge-recalled.sc-xplor-badge-recalled {\n background-color: #FFF9E6;\n color: #F9A825;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const U=class{constructor(e){n(this,e)}render(){return r(t,{key:"9233d1e70a44d0b058b44f42afab990f4bdb851d"},r("span",{key:"be98dcedb815e3df2c68c94ba21b7084f55523a7",class:"xplor-badge-recalled"},"Recalled"))}};U.style=N;const W="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-session-booking {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-session-booking {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-session-booking {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-session-booking {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-session-booking {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-session-booking {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-session-booking, ul.sc-xplor-badge-session-booking {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-session-booking li.sc-xplor-badge-session-booking, ul.sc-xplor-badge-session-booking li.sc-xplor-badge-session-booking {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-session-booking, ul.mdc-list.sc-xplor-badge-session-booking {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-session-booking li.mdc-list-item.sc-xplor-badge-session-booking, ul.mdc-list.sc-xplor-badge-session-booking li.mdc-list-item.sc-xplor-badge-session-booking {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-session-booking {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-session-booking {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-session-booking {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-session-booking {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-session-booking .mdc-text-field--outlined.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-session-booking .mdc-notched-outline.sc-xplor-badge-session-booking .mdc-notched-outline__notch.sc-xplor-badge-session-booking {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-session-booking {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-session-booking:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-session-booking {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-session-booking-h {\n display: inline-block;\n}\n\n.xplor-badge-session-booking.sc-xplor-badge-session-booking {\n border-radius: 0.25rem;\n color: #000;\n width: 200px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 4px 12px;\n}\n.xplor-badge-session-booking--default.sc-xplor-badge-session-booking {\n background-color: #fef2e0;\n border: solid 2px #f69202;\n}\n.xplor-badge-session-booking--absent.sc-xplor-badge-session-booking {\n background-color: #f0f0f0;\n border: solid 2px #7b7b7b;\n}\n.xplor-badge-session-booking--attend.sc-xplor-badge-session-booking {\n background-color: #dff6f6;\n border: solid 2px #00b2a8;\n}\n.xplor-badge-session-booking--holiday.sc-xplor-badge-session-booking {\n background-color: #f0f0f0;\n border: solid 2px #7b7b7b;\n}\n.xplor-badge-session-booking--waived.sc-xplor-badge-session-booking {\n opacity: 0.5;\n}";const K=class{constructor(e){n(this,e)}getBookingTypeClass(){var n,e;const r=["xplor-badge-session-booking"];switch((n=this.booking)===null\|\|n===void 0?void 0:n.type){case"absence":r.push("xplor-badge-session-booking--absent");break;case"attendance":r.push("xplor-badge-session-booking--attend");break;case"holiday":r.push("xplor-badge-session-booking--holiday");break;default:r.push("xplor-badge-session-booking--default");break}if((e=this.item)===null\|\|e===void 0?void 0:e.ccs_gap_fee_is_waived){r.push("xplor-badge-session-booking--waived")}return r.join(" ")}render(){return r(t,{key:"2de356577c682b61f7bab3df1963df5b23884a19"},r("span",{key:"810ab3316b54ada35c0352a5ae47f60a4590b986",class:this.getBookingTypeClass()},r("slot",{key:"7da46c8b9e18ee6a1553a088bea17494e0aee832"})))}};K.style=W;const Z="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-upcoming {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-upcoming {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-upcoming {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-upcoming {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-upcoming {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-upcoming {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-upcoming, ul.sc-xplor-badge-upcoming {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-upcoming li.sc-xplor-badge-upcoming, ul.sc-xplor-badge-upcoming li.sc-xplor-badge-upcoming {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-upcoming, ul.mdc-list.sc-xplor-badge-upcoming {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-upcoming li.mdc-list-item.sc-xplor-badge-upcoming, ul.mdc-list.sc-xplor-badge-upcoming li.mdc-list-item.sc-xplor-badge-upcoming {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-upcoming {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-upcoming {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-upcoming {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-upcoming {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-upcoming .mdc-text-field--outlined.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-upcoming .mdc-notched-outline.sc-xplor-badge-upcoming .mdc-notched-outline__notch.sc-xplor-badge-upcoming {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-upcoming {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-upcoming:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-upcoming {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-upcoming-h {\n display: inline-block;\n}\n\n.xplor-badge-upcoming.sc-xplor-badge-upcoming {\n background-color: #E3F2FD;\n color: #1976D2;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const J=class{constructor(e){n(this,e)}render(){return r(t,{key:"51078127992721291d5b557148239d657b050ad4"},r("span",{key:"cd95ea48dad3fb544df80a70318da7671b8700be",class:"xplor-badge-upcoming"},"Upcoming"))}};J.style=Z;const Y="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-badge-waitlist {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-badge-waitlist {\n width: 600px !important;\n }\n}\nh1.sc-xplor-badge-waitlist {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-badge-waitlist {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-badge-waitlist {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-badge-waitlist {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-badge-waitlist, ul.sc-xplor-badge-waitlist {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-badge-waitlist li.sc-xplor-badge-waitlist, ul.sc-xplor-badge-waitlist li.sc-xplor-badge-waitlist {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-badge-waitlist, ul.mdc-list.sc-xplor-badge-waitlist {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-badge-waitlist li.mdc-list-item.sc-xplor-badge-waitlist, ul.mdc-list.sc-xplor-badge-waitlist li.mdc-list-item.sc-xplor-badge-waitlist {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-badge-waitlist {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-badge-waitlist {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-badge-waitlist {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-badge-waitlist {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-badge-waitlist .mdc-text-field--outlined.sc-xplor-badge-waitlist .mdc-notched-outline__notch.sc-xplor-badge-waitlist {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-badge-waitlist .mdc-notched-outline__notch.sc-xplor-badge-waitlist {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-badge-waitlist .mdc-notched-outline.sc-xplor-badge-waitlist .mdc-notched-outline__notch.sc-xplor-badge-waitlist {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-badge-waitlist {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-badge-waitlist:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-badge-waitlist {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-badge-waitlist-h {\n display: inline-block;\n}\n\n.xplor-badge-waitlist.sc-xplor-badge-waitlist {\n background-color: #FFF3E6;\n color: #B35A00;\n font-weight: 400;\n padding: 4px 12px;\n border-radius: 16px;\n display: inline-block;\n}";const X=class{constructor(e){n(this,e)}render(){return r(t,{key:"918d4113efa7e206ba15af2ccacdf11950640aaf"},r("span",{key:"697713efbf0a9b86a6af4e7bf102f07a7ad2dd48",class:"xplor-badge-waitlist"},"Waitlist"))}};X.style=Y;const G="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-back {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-back {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-back {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-back {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-back {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-back {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-back, ul.sc-xplor-btn-back {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-back li.sc-xplor-btn-back, ul.sc-xplor-btn-back li.sc-xplor-btn-back {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-back, ul.mdc-list.sc-xplor-btn-back {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-back li.mdc-list-item.sc-xplor-btn-back, ul.mdc-list.sc-xplor-btn-back li.mdc-list-item.sc-xplor-btn-back {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-back {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-back {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-back {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-back {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-back .mdc-text-field--outlined.sc-xplor-btn-back .mdc-notched-outline__notch.sc-xplor-btn-back {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-back .mdc-notched-outline__notch.sc-xplor-btn-back {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-back .mdc-notched-outline.sc-xplor-btn-back .mdc-notched-outline__notch.sc-xplor-btn-back {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-back {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-back:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-back {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-back-h {\n display: inline-block;\n}\n\n.xplor-btn-back.sc-xplor-btn-back {\n display: inline-flex;\n align-items: center;\n gap: var(--gap, 0.625rem);\n min-width: var(--min-width, 6.375rem);\n min-height: var(--min-height, 3rem);\n padding-left: 0;\n padding-right: 1rem;\n border: none;\n background: transparent;\n color: inherit;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n transition: opacity 0.2s ease;\n}\n.xplor-btn-back__icon.sc-xplor-btn-back {\n font-size: 1.5rem;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-btn-back__text.sc-xplor-btn-back {\n line-height: 1;\n}\n.xplor-btn-back.sc-xplor-btn-back:hover:not(.xplor-btn-back--disabled) {\n opacity: 0.8;\n}\n.xplor-btn-back--disabled.sc-xplor-btn-back {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n}";const Q=class{constructor(r){n(this,r);this.xplorClick=e(this,"xplorClick");this.color="secondary";this.minWidth="6.375rem";this.minHeight="3rem";this.gap="0.625rem";this.disabled=false;this.handleClick=n=>{if(!this.disabled){this.xplorClick.emit(n)}}}render(){const n={"xplor-btn-back":true,"xplor-btn-back--disabled":this.disabled};const e={"--min-width":this.minWidth,"--min-height":this.minHeight,"--gap":this.gap};return r(t,{key:"1fa9f6b770f01f2a384591293831a2fecb15b593"},r("button",{key:"3d201c9b3ccb3176401b1c671237825231c78d39",class:n,style:e,disabled:this.disabled,onClick:this.handleClick},r("span",{key:"2e92390e29ad2f0e9c5144f802d66544bd1f00c4",class:"xplor-btn-back__icon"},"‹"),r("span",{key:"e663a5e163007a0fc82162b6d9a2a8018cab8a76",class:"xplor-btn-back__text"},r("slot",{key:"4bcd417f211ec014b8c861d309bf709048e34c8d"},"Back"))))}};Q.style=G;const nn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-back-to-parent {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-back-to-parent {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-back-to-parent {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-back-to-parent {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-back-to-parent {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-back-to-parent {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-back-to-parent, ul.sc-xplor-btn-back-to-parent {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-back-to-parent li.sc-xplor-btn-back-to-parent, ul.sc-xplor-btn-back-to-parent li.sc-xplor-btn-back-to-parent {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-back-to-parent, ul.mdc-list.sc-xplor-btn-back-to-parent {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-back-to-parent li.mdc-list-item.sc-xplor-btn-back-to-parent, ul.mdc-list.sc-xplor-btn-back-to-parent li.mdc-list-item.sc-xplor-btn-back-to-parent {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-back-to-parent {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-back-to-parent {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-back-to-parent {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-back-to-parent {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-back-to-parent .mdc-text-field--outlined.sc-xplor-btn-back-to-parent .mdc-notched-outline__notch.sc-xplor-btn-back-to-parent {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-back-to-parent .mdc-notched-outline__notch.sc-xplor-btn-back-to-parent {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-back-to-parent .mdc-notched-outline.sc-xplor-btn-back-to-parent .mdc-notched-outline__notch.sc-xplor-btn-back-to-parent {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-back-to-parent {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-back-to-parent:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-back-to-parent {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-back-to-parent-h {\n display: inline-block;\n}\n\n.xplor-btn-back-to-parent.sc-xplor-btn-back-to-parent {\n position: absolute;\n right: 1rem;\n top: 1rem;\n font-size: 1rem;\n z-index: 1;\n padding: 0;\n width: var(--btn-size, 2.25rem);\n height: var(--btn-size, 2.25rem);\n border: none;\n border-radius: 4px;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n color: #008480;\n transition: background-color 0.2s ease;\n}\n.xplor-btn-back-to-parent__icon.sc-xplor-btn-back-to-parent {\n font-size: 1rem;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-btn-back-to-parent.sc-xplor-btn-back-to-parent:hover {\n background-color: #E6F7F7;\n}\n.xplor-btn-back-to-parent--inline.sc-xplor-btn-back-to-parent {\n position: relative;\n top: 0;\n right: 0;\n}";const en=class{constructor(r){n(this,r);this.back=e(this,"back");this.size="2.25rem";this.inline=false;this.bgColor="white";this.color="secondary";this.variant="tonal";this.ariaLabel="Back to parent";this.handleClick=()=>{this.back.emit()}}render(){const n={"xplor-btn-back-to-parent":true,"xplor-btn-back-to-parent--inline":this.inline};const e={"--btn-size":this.size};return r(t,{key:"0962b04ae634f044dd3e7c1eacf42b7d2c8e0f1e"},r("button",{key:"82cb8fa3218a17784a0ab360d328b68f2c0e6e81",class:n,style:e,onClick:this.handleClick,"aria-label":this.ariaLabel},r("span",{key:"784853baa5b013fc85a07054e446e6166eab7068",class:"xplor-btn-back-to-parent__icon"},"✕")))}};en.style=nn;const rn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-icon {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-icon {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-icon {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-icon {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-icon {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-icon {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-icon, ul.sc-xplor-btn-icon {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-icon li.sc-xplor-btn-icon, ul.sc-xplor-btn-icon li.sc-xplor-btn-icon {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-icon, ul.mdc-list.sc-xplor-btn-icon {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-icon li.mdc-list-item.sc-xplor-btn-icon, ul.mdc-list.sc-xplor-btn-icon li.mdc-list-item.sc-xplor-btn-icon {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-icon {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-icon {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-icon {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-icon {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-icon .mdc-text-field--outlined.sc-xplor-btn-icon .mdc-notched-outline__notch.sc-xplor-btn-icon {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-icon .mdc-notched-outline__notch.sc-xplor-btn-icon {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-icon .mdc-notched-outline.sc-xplor-btn-icon .mdc-notched-outline__notch.sc-xplor-btn-icon {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-icon {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-icon:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-icon {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-icon-h {\n display: inline-block;\n}\n\n.xplor-btn-icon.sc-xplor-btn-icon {\n min-width: 0;\n min-height: 0;\n width: var(--btn-size, 32px);\n height: var(--btn-size, 32px);\n padding: 0;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n position: relative;\n}\n.xplor-btn-icon__content.sc-xplor-btn-icon {\n font-size: var(--icon-size, 18px);\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.xplor-btn-icon--elevated.sc-xplor-btn-icon {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.xplor-btn-icon--text.sc-xplor-btn-icon {\n box-shadow: none;\n}\n.xplor-btn-icon--outlined.sc-xplor-btn-icon {\n border: 1px solid currentColor;\n box-shadow: none;\n}\n.xplor-btn-icon--tonal.sc-xplor-btn-icon {\n box-shadow: none;\n}\n.xplor-btn-icon--primary.xplor-btn-icon--elevated.sc-xplor-btn-icon, .xplor-btn-icon--primary.xplor-btn-icon--text.sc-xplor-btn-icon {\n background-color: #EC7702;\n color: white;\n}\n.xplor-btn-icon--primary.xplor-btn-icon--outlined.sc-xplor-btn-icon {\n background-color: transparent;\n color: #EC7702;\n border-color: #EC7702;\n}\n.xplor-btn-icon--primary.xplor-btn-icon--tonal.sc-xplor-btn-icon {\n background-color: #FFF3E6;\n color: #EC7702;\n}\n.xplor-btn-icon--primary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--elevated, .xplor-btn-icon--primary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--text {\n background-color: #D66A02;\n}\n.xplor-btn-icon--primary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--tonal {\n background-color: #FFE7CC;\n}\n.xplor-btn-icon--secondary.xplor-btn-icon--elevated.sc-xplor-btn-icon, .xplor-btn-icon--secondary.xplor-btn-icon--text.sc-xplor-btn-icon {\n background-color: #008480;\n color: white;\n}\n.xplor-btn-icon--secondary.xplor-btn-icon--outlined.sc-xplor-btn-icon {\n background-color: transparent;\n color: #008480;\n border-color: #008480;\n}\n.xplor-btn-icon--secondary.xplor-btn-icon--tonal.sc-xplor-btn-icon {\n background-color: #E6F7F7;\n color: #008480;\n}\n.xplor-btn-icon--secondary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--elevated, .xplor-btn-icon--secondary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--text {\n background-color: #006D6A;\n}\n.xplor-btn-icon--secondary.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--tonal {\n background-color: #008480;\n color: white;\n}\n.xplor-btn-icon--success.xplor-btn-icon--elevated.sc-xplor-btn-icon, .xplor-btn-icon--success.xplor-btn-icon--text.sc-xplor-btn-icon {\n background-color: #489951;\n color: white;\n}\n.xplor-btn-icon--success.xplor-btn-icon--outlined.sc-xplor-btn-icon {\n background-color: transparent;\n color: #489951;\n border-color: #489951;\n}\n.xplor-btn-icon--success.xplor-btn-icon--tonal.sc-xplor-btn-icon {\n background-color: #E8F5E9;\n color: #489951;\n}\n.xplor-btn-icon--success.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--elevated, .xplor-btn-icon--success.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--text {\n background-color: #3D8044;\n}\n.xplor-btn-icon--success.sc-xplor-btn-icon:hover:not(.xplor-btn-icon--disabled).xplor-btn-icon--tonal {\n background-color: #D0EBD2;\n}\n.xplor-btn-icon--disabled.sc-xplor-btn-icon {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n}";const tn=class{constructor(r){n(this,r);this.xplorClick=e(this,"xplorClick");this.color="secondary";this.size="32";this.iconSize="18";this.variant="elevated";this.disabled=false;this.handleClick=n=>{if(!this.disabled){this.xplorClick.emit(n)}}}render(){const n={"xplor-btn-icon":true,[`xplor-btn-icon--${this.color}`]:true,[`xplor-btn-icon--${this.variant}`]:true,"xplor-btn-icon--disabled":this.disabled};const e={"--btn-size":typeof this.size==="number"?`${this.size}px`:this.size,"--icon-size":typeof this.iconSize==="number"?`${this.iconSize}px`:this.iconSize};return r(t,{key:"9d87aab5e3af33201c71dffeab51a5a02cc61e98"},r("button",{key:"c30b8c4aa51a957c84e7fff3d72e01961dec911c",class:n,style:e,disabled:this.disabled,onClick:this.handleClick,"aria-label":this.ariaLabel},r("span",{key:"99773527f599523638ce8463fe308826f01202cf",class:"xplor-btn-icon__content"},r("slot",{key:"14e1356bcecd1d2b8768cddbaf257f49bf92e5a7"}))))}};tn.style=rn;const on="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-menu {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-menu {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-menu {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-menu {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-menu {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-menu {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-menu, ul.sc-xplor-btn-menu {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-menu li.sc-xplor-btn-menu, ul.sc-xplor-btn-menu li.sc-xplor-btn-menu {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-menu, ul.mdc-list.sc-xplor-btn-menu {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-menu li.mdc-list-item.sc-xplor-btn-menu, ul.mdc-list.sc-xplor-btn-menu li.mdc-list-item.sc-xplor-btn-menu {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-menu {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-menu {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-menu {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-menu {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-menu .mdc-text-field--outlined.sc-xplor-btn-menu .mdc-notched-outline__notch.sc-xplor-btn-menu {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-menu .mdc-notched-outline__notch.sc-xplor-btn-menu {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-menu .mdc-notched-outline.sc-xplor-btn-menu .mdc-notched-outline__notch.sc-xplor-btn-menu {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-menu {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-menu:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-menu {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-menu-h {\n display: inline-block;\n position: relative;\n}\n\n.xplor-btn-menu.sc-xplor-btn-menu {\n position: relative;\n display: inline-block;\n}\n.xplor-btn-menu__button.sc-xplor-btn-menu {\n display: inline-flex;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 1rem;\n border: 1px solid #008480;\n border-radius: 4px;\n background-color: transparent;\n color: #008480;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n transition: background-color 0.2s ease;\n}\n.xplor-btn-menu__button.sc-xplor-btn-menu:hover {\n background-color: rgba(0, 132, 128, 0.04);\n}\n.xplor-btn-menu__icon.sc-xplor-btn-menu {\n font-size: 0.75rem;\n line-height: 1;\n}\n.xplor-btn-menu__list.sc-xplor-btn-menu {\n position: absolute;\n top: calc(100% + 0.25rem);\n left: 0;\n min-width: 200px;\n background: white;\n border-radius: 4px;\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n z-index: 1000;\n overflow: hidden;\n}\n.xplor-btn-menu__item.sc-xplor-btn-menu {\n padding: 0.75rem 1rem;\n border-bottom: 1px solid #e0e0e0;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n.xplor-btn-menu__item.sc-xplor-btn-menu:hover:not(.xplor-btn-menu__item--disabled) {\n background-color: #f5f5f5;\n}\n.xplor-btn-menu__item.sc-xplor-btn-menu:last-child {\n border-bottom: none;\n}\n.xplor-btn-menu__item--disabled.sc-xplor-btn-menu {\n opacity: 0.38;\n cursor: not-allowed;\n pointer-events: none;\n}";const an=class{constructor(r){n(this,r);this.xplorClick=e(this,"xplorClick");this.label="";this.options=[];this.hiddenKeys=[];this.disabledKeys=[];this.color="secondary";this.density="default";this.show=false;this.focusedIndex=-1;this.handleOutsideClick=n=>{if(this.menuRef&&!this.menuRef.contains(n.target)){this.show=false}};this.toggleMenu=()=>{this.show=!this.show;if(!this.show){this.focusedIndex=-1}};this.handleClickOption=n=>{var e;this.xplorClick.emit(n);this.show=false;this.focusedIndex=-1;(e=this.triggerBtnRef)===null\|\|e===void 0?void 0:e.focus()};this.isHidden=n=>n!==null&&this.hiddenKeys.includes(n);this.isDisabled=n=>n!==null&&this.disabledKeys.includes(n)}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}getVisibleOptions(){return this.options.map(((n,e)=>({option:n,key:n.key\|\|String(e)}))).filter((({key:n})=>!this.isHidden(n)))}focusMenuItem(n){if(this.menuRef){const e=this.menuRef.querySelectorAll('[role="menuitem"]');if(e[n]){e[n].focus()}}}handleKeyDown(n){var e,r;if(!this.show&&(n.key==="ArrowDown"\|\|n.key==="Enter"\|\|n.key===" ")){const r=n.target;if(r===this.triggerBtnRef\|\|((e=this.el.querySelector('[slot="activator"]'))===null\|\|e===void 0?void 0:e.contains(r))){if(n.key==="ArrowDown"){n.preventDefault();this.show=true;this.focusedIndex=0;requestAnimationFrame((()=>this.focusMenuItem(0)))}}return}if(!this.show)return;const t=this.getVisibleOptions();const o=t.length;switch(n.key){case"ArrowDown":n.preventDefault();this.focusedIndex=this.focusedIndex<o-1?this.focusedIndex+1:0;this.focusMenuItem(this.focusedIndex);break;case"ArrowUp":n.preventDefault();this.focusedIndex=this.focusedIndex>0?this.focusedIndex-1:o-1;this.focusMenuItem(this.focusedIndex);break;case"Escape":n.preventDefault();this.show=false;this.focusedIndex=-1;(r=this.triggerBtnRef)===null\|\|r===void 0?void 0:r.focus();break;case"Enter":case" ":n.preventDefault();if(this.focusedIndex>=0&&this.focusedIndex<o){const{option:n,key:e}=t[this.focusedIndex];if(!this.isDisabled(e)){this.handleClickOption(n)}}break;case"Home":n.preventDefault();this.focusedIndex=0;this.focusMenuItem(this.focusedIndex);break;case"End":n.preventDefault();this.focusedIndex=o-1;this.focusMenuItem(this.focusedIndex);break;case"Tab":this.show=false;this.focusedIndex=-1;break}}render(){const n="xplor-btn-menu-list";let e=0;return r(t,{key:"20b1a4d54b992d5ea4b1a4cd8fbaa5699b1bc6ab"},r("div",{key:"e23725f6fa432e19b59a3c0809706df45df02def",class:"xplor-btn-menu",ref:n=>this.menuRef=n},r("slot",{key:"ed385faab26b9a1bf83ed583261b0d22744a5b10",name:"activator"},r("button",{key:"f0539b0092489e356b087cddd67bfb84cb31acf8",ref:n=>this.triggerBtnRef=n,class:"xplor-btn-menu__button",onClick:this.toggleMenu,"aria-haspopup":"menu","aria-expanded":this.show?"true":"false","aria-controls":this.show?n:undefined,"aria-label":this.ariaLabel\|\|this.label\|\|"Menu"},r("span",{key:"b1126eb8ffc12a89b3dd1a83afd5f644226496ee"},this.label),r("span",{key:"f9053a73065841d35278612e8f9d5345b3e1daf4",class:"xplor-btn-menu__icon","aria-hidden":"true"},"▼"))),this.show&&r("div",{key:"7b294e8b3702051c2adc317736d9bb3085137f27",class:"xplor-btn-menu__list",role:"menu",id:n,"aria-label":this.ariaLabel\|\|this.label\|\|"Menu"},this.options.map(((n,t)=>{const o=n.key\|\|String(t);if(this.isHidden(o)){return null}const i=this.isDisabled(o);const a=e++;return r("div",{key:o,role:"menuitem",tabindex:a===this.focusedIndex?0:-1,"aria-disabled":i?"true":undefined,class:{"xplor-btn-menu__item":true,"xplor-btn-menu__item--disabled":i},onClick:()=>!i&&this.handleClickOption(n)},r("slot",{name:o},n.label\|\|""))})))))}get el(){return o(this)}};an.style=on;const ln="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-toggle {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-toggle {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-toggle {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-toggle {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-toggle {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-toggle {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-toggle, ul.sc-xplor-btn-toggle {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-toggle li.sc-xplor-btn-toggle, ul.sc-xplor-btn-toggle li.sc-xplor-btn-toggle {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-toggle, ul.mdc-list.sc-xplor-btn-toggle {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-toggle li.mdc-list-item.sc-xplor-btn-toggle, ul.mdc-list.sc-xplor-btn-toggle li.mdc-list-item.sc-xplor-btn-toggle {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-toggle {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-toggle {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-toggle {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-toggle {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-toggle .mdc-text-field--outlined.sc-xplor-btn-toggle .mdc-notched-outline__notch.sc-xplor-btn-toggle {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-toggle .mdc-notched-outline__notch.sc-xplor-btn-toggle {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-toggle .mdc-notched-outline.sc-xplor-btn-toggle .mdc-notched-outline__notch.sc-xplor-btn-toggle {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-toggle {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-toggle:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-toggle {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-toggle-h {\n display: inline-block;\n}\n\n.xplor-btn-toggle.sc-xplor-btn-toggle {\n border: 1px solid #E0E0E0;\n border-radius: 1rem;\n min-width: 4rem;\n padding: 0.5rem 1rem;\n background-color: white;\n color: #757575;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n transition: all 0.2s ease;\n margin-right: 0.5rem;\n}\n.xplor-btn-toggle.sc-xplor-btn-toggle:first-of-type {\n margin-left: 0;\n}\n.xplor-btn-toggle--active.sc-xplor-btn-toggle {\n background-color: #E6F7F7;\n color: #008480;\n border-color: #008480;\n}\n.xplor-btn-toggle--disabled.sc-xplor-btn-toggle {\n background-color: #FAFAFA;\n color: rgba(0, 0, 0, 0.38);\n border-color: rgba(0, 0, 0, 0.12);\n cursor: not-allowed;\n pointer-events: none;\n}\n.xplor-btn-toggle--disabled.xplor-btn-toggle--active.sc-xplor-btn-toggle {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.xplor-btn-toggle--inactive-outlined.sc-xplor-btn-toggle {\n border-color: #757575;\n}\n.xplor-btn-toggle.sc-xplor-btn-toggle:hover:not(.xplor-btn-toggle--disabled) {\n background-color: #F5F5F5;\n}\n.xplor-btn-toggle.sc-xplor-btn-toggle:hover:not(.xplor-btn-toggle--disabled).xplor-btn-toggle--active {\n background-color: #D0EBD2;\n}";const sn=class{constructor(r){n(this,r);this.xplorToggle=e(this,"xplorToggle");this.active=false;this.color="secondary";this.disabled=false;this.inactiveOutlined=false;this.handleClick=()=>{if(!this.disabled){this.active=!this.active;this.xplorToggle.emit(this.active)}}}render(){const n={"xplor-btn-toggle":true,"xplor-btn-toggle--active":this.active,"xplor-btn-toggle--disabled":this.disabled,"xplor-btn-toggle--inactive-outlined":this.inactiveOutlined&&!this.active};return r(t,{key:"9434059f3e934707d2be2dbabe539ef6f06dbf66"},r("button",{key:"bbdc0032e4eb79951d06fb47e19ab76a842f0c46",class:n,disabled:this.disabled,onClick:this.handleClick,"aria-pressed":this.active?"true":"false"},r("slot",{key:"c5944a5ce768ca5f1cafa5f33dcf72145c94b189"})))}};sn.style=ln;const dn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-toggle-group {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-toggle-group {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-toggle-group {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-toggle-group {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-toggle-group {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-toggle-group {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-toggle-group, ul.sc-xplor-btn-toggle-group {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-toggle-group li.sc-xplor-btn-toggle-group, ul.sc-xplor-btn-toggle-group li.sc-xplor-btn-toggle-group {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-toggle-group, ul.mdc-list.sc-xplor-btn-toggle-group {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-toggle-group li.mdc-list-item.sc-xplor-btn-toggle-group, ul.mdc-list.sc-xplor-btn-toggle-group li.mdc-list-item.sc-xplor-btn-toggle-group {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-toggle-group {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-toggle-group {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-toggle-group {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-toggle-group {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-toggle-group .mdc-text-field--outlined.sc-xplor-btn-toggle-group .mdc-notched-outline__notch.sc-xplor-btn-toggle-group {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-toggle-group .mdc-notched-outline__notch.sc-xplor-btn-toggle-group {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-toggle-group .mdc-notched-outline.sc-xplor-btn-toggle-group .mdc-notched-outline__notch.sc-xplor-btn-toggle-group {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-toggle-group {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-toggle-group:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-toggle-group {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-toggle-group-h {\n display: inline-block;\n}\n\n.xplor-btn-toggle-group.sc-xplor-btn-toggle-group {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n height: auto;\n}";const cn=class{constructor(e){n(this,e);this.multiple=false;this.density="default"}render(){return r(t,{key:"587016261064869ff2b10cf04371963f57642221"},r("div",{key:"ee8813207ade2261011e699ce12010135a6d640b",class:"xplor-btn-toggle-group",role:"group"},r("slot",{key:"3b4d82938d310ac8864a02425d97b822ba4b1d9d"})))}};cn.style=dn;const pn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-toggle-secondary {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-toggle-secondary {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-toggle-secondary {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-toggle-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-toggle-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-toggle-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-toggle-secondary, ul.sc-xplor-btn-toggle-secondary {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-toggle-secondary li.sc-xplor-btn-toggle-secondary, ul.sc-xplor-btn-toggle-secondary li.sc-xplor-btn-toggle-secondary {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-toggle-secondary, ul.mdc-list.sc-xplor-btn-toggle-secondary {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-toggle-secondary li.mdc-list-item.sc-xplor-btn-toggle-secondary, ul.mdc-list.sc-xplor-btn-toggle-secondary li.mdc-list-item.sc-xplor-btn-toggle-secondary {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-toggle-secondary {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-toggle-secondary {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-toggle-secondary {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-toggle-secondary {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-toggle-secondary .mdc-text-field--outlined.sc-xplor-btn-toggle-secondary .mdc-notched-outline__notch.sc-xplor-btn-toggle-secondary {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-toggle-secondary .mdc-notched-outline__notch.sc-xplor-btn-toggle-secondary {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-toggle-secondary .mdc-notched-outline.sc-xplor-btn-toggle-secondary .mdc-notched-outline__notch.sc-xplor-btn-toggle-secondary {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-toggle-secondary {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-toggle-secondary:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-toggle-secondary {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-toggle-secondary-h {\n display: inline-block;\n}\n\n.xplor-btn-toggle-secondary.sc-xplor-btn-toggle-secondary {\n border: 1px solid #E0E0E0;\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n border-radius: 1rem;\n color: #757575;\n min-width: 70px;\n padding: 0.5rem 1rem;\n background-color: white;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n transition: all 0.2s ease;\n}\n.xplor-btn-toggle-secondary.sc-xplor-btn-toggle-secondary:first-of-type {\n margin-left: 0;\n}\n.xplor-btn-toggle-secondary--active.sc-xplor-btn-toggle-secondary {\n background-color: #E6F7F7;\n color: #008480;\n border-color: #008480;\n}\n.xplor-btn-toggle-secondary--disabled.sc-xplor-btn-toggle-secondary {\n background-color: #FAFAFA;\n color: rgba(0, 0, 0, 0.38);\n border-color: rgba(0, 0, 0, 0.12);\n cursor: not-allowed;\n pointer-events: none;\n}\n.xplor-btn-toggle-secondary--disabled.xplor-btn-toggle-secondary--active.sc-xplor-btn-toggle-secondary {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.xplor-btn-toggle-secondary--inactive-outlined.sc-xplor-btn-toggle-secondary {\n border-color: #757575;\n}\n.xplor-btn-toggle-secondary.sc-xplor-btn-toggle-secondary:hover:not(.xplor-btn-toggle-secondary--disabled) {\n background-color: #F5F5F5;\n}\n.xplor-btn-toggle-secondary.sc-xplor-btn-toggle-secondary:hover:not(.xplor-btn-toggle-secondary--disabled).xplor-btn-toggle-secondary--active {\n background-color: #D0EBD2;\n}";const gn=class{constructor(r){n(this,r);this.xplorToggle=e(this,"xplorToggle");this.active=false;this.disabled=false;this.inactiveOutlined=false;this.handleClick=()=>{if(!this.disabled){this.active=!this.active;this.xplorToggle.emit(this.active)}}}render(){const n={"xplor-btn-toggle-secondary":true,"xplor-btn-toggle-secondary--active":this.active,"xplor-btn-toggle-secondary--disabled":this.disabled,"xplor-btn-toggle-secondary--inactive-outlined":this.inactiveOutlined&&!this.active};return r(t,{key:"e82338d3bdbd2af08df290ee79359acb9e61dfae"},r("button",{key:"137cf53e7b48676e86e3ed12a575e94792eab35c",class:n,disabled:this.disabled,onClick:this.handleClick,"aria-pressed":this.active?"true":"false"},r("slot",{key:"bfacf098eb4692bc56faf88a4444b1c2213d3a3b"})))}};gn.style=pn;const xn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-btn-tooltip {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-btn-tooltip {\n width: 600px !important;\n }\n}\nh1.sc-xplor-btn-tooltip {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-btn-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-btn-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-btn-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-btn-tooltip, ul.sc-xplor-btn-tooltip {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-btn-tooltip li.sc-xplor-btn-tooltip, ul.sc-xplor-btn-tooltip li.sc-xplor-btn-tooltip {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-btn-tooltip, ul.mdc-list.sc-xplor-btn-tooltip {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-btn-tooltip li.mdc-list-item.sc-xplor-btn-tooltip, ul.mdc-list.sc-xplor-btn-tooltip li.mdc-list-item.sc-xplor-btn-tooltip {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-btn-tooltip {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-btn-tooltip {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-btn-tooltip {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-btn-tooltip {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-btn-tooltip .mdc-text-field--outlined.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-btn-tooltip .mdc-notched-outline.sc-xplor-btn-tooltip .mdc-notched-outline__notch.sc-xplor-btn-tooltip {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-btn-tooltip {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-btn-tooltip:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-btn-tooltip {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-btn-tooltip-h {\n display: inline-block;\n}";const bn=class{constructor(e){n(this,e);this.tooltipPosition="top";this.type="primary";this.disabled=false}render(){return r(t,{key:"252d295aa8fa8f6f404727baef30d00dbcac17b8"},r("xplor-tooltip",{key:"cba71a8dd339f47b16f4a161a341895ca70e22b0",position:this.tooltipPosition,content:this.tooltipText,trigger:"hover",arrow:true,disabled:this.disabled},r("xplor-button",{key:"31c167ffa852074e94a2cac255ab10b86ad041ef",slot:"trigger",text:this.text,type:this.type,mode:this.mode,"icon-position":this.iconPosition},r("slot",{key:"aef011d1873e4f81237f88d651f5bfb7c0fb2569"}))))}};bn.style=xn;const mn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-button {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-button {\n width: 600px !important;\n }\n}\nh1.sc-xplor-button {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-button {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-button {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-button {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-button, ul.sc-xplor-button {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-button li.sc-xplor-button, ul.sc-xplor-button li.sc-xplor-button {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-button, ul.mdc-list.sc-xplor-button {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-button {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-button {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-button {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-button {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-button .mdc-text-field--outlined.sc-xplor-button .mdc-notched-outline__notch.sc-xplor-button {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-button .mdc-notched-outline__notch.sc-xplor-button {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-button .mdc-notched-outline.sc-xplor-button .mdc-notched-outline__notch.sc-xplor-button {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-button {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-button:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-button {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-button {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-button {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-button {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-button {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-button {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-button {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-button {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-button {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-button {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-button {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-button {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-button {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-button {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-button {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-button {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-button {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-button {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-button {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-button {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-button {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-button {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-button {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-button {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-button {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-button {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-button {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-button {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-button {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-button {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-button {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-button {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-button {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-button {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-button {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-button {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-button {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-button {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-button {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-button {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-button {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-button {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-button {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-button {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-button {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-button {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-button {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-button {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-button {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-button {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-button {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-button {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-button {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-button {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-button {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-button {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-button {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-button {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-button {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-button {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-button {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-button {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-button {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-button {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-button {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-button {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-button {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-button {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-button {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-button {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-button {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-button {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-button {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-button {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-button {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-button {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-button {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-button {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-button {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-button {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-button {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-button {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-button {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-button {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-button {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-button {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-button {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-button {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-button {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-button {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-button {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-button {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-button {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-button {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-button {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-button {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-button {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-button {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-button {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-button {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-button {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-button {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-button {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-button {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-button {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-button {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-button {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-button {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-button {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-button {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-button {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-button {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-button {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-button {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-button {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-button {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-button {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-button {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-button {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-button {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-button {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-button {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-button {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-button {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-button {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-button {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-button {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-button {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-button {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-button {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-button {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-button {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-button {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-button {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-button {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-button {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-button {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-button {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-button {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-button {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-button {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-button {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-button {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-button {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-button {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-button {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-button {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-button {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-button {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-button {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-button {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-button {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-button {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-button {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-button {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-button {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-button {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-button {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-button {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-button {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-button {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-button {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-button {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-button {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-button {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-button {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-button {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-button {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-button {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-button {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-button {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-button {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-button {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-button {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-button {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-button {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-button {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-button {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-button {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-button {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-button {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-button {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-button {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-button-h {\n display: block;\n}\n\n.x-button.sc-xplor-button {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n position: relative;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border: 1px solid;\n border-radius: 1rem;\n cursor: pointer;\n display: block;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n font-size: 1rem;\n font-weight: 500;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-letter-spacing: 0.75px;\n -moz-letter-spacing: 0.75px;\n -ms-letter-spacing: 0.75px;\n padding: 0.75rem 1.5rem;\n letter-spacing: 0.75px;\n overflow: hidden;\n position: relative;\n -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n}\n.x-button.x-button--icon-only.sc-xplor-button {\n width: 48px;\n height: 48px;\n padding: 0;\n border-radius: 50%;\n min-width: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.x-button.x-button--icon-only.sc-xplor-button .button-icon.sc-xplor-button {\n font-size: 20px;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.x-button.x-button--icon-only.sc-xplor-button .button-icon.button-icon--svg.sc-xplor-button svg.sc-xplor-button {\n width: 1rem;\n height: 1rem;\n display: block;\n}\n.x-button.x-button--with-icon.sc-xplor-button .button-icon.sc-xplor-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n line-height: 1;\n}\n.x-button.x-button--with-icon.x-button--icon-start.sc-xplor-button .button-icon--svg.sc-xplor-button {\n margin-right: 0.5rem;\n}\n.x-button.x-button--with-icon.x-button--icon-end.sc-xplor-button .button-icon--svg.sc-xplor-button {\n margin-left: 0.5rem;\n}\n.x-button.x-button--with-icon.sc-xplor-button .button-icon--svg.sc-xplor-button svg.sc-xplor-button {\n display: block;\n width: 14px;\n height: 14px;\n}\n.x-button.x-button--with-icon.sc-xplor-button .button-icon--svg.sc-xplor-button svg.sc-xplor-button path.sc-xplor-button {\n fill: currentColor;\n}\n.x-button.x-button--with-icon.sc-xplor-button .button-text.sc-xplor-button {\n line-height: 1;\n}\n.x-button.x-button--icon-start.sc-xplor-button {\n flex-direction: row;\n}\n.x-button.x-button--icon-end.sc-xplor-button {\n flex-direction: row;\n}\n.x-button.shadow.sc-xplor-button {\n box-shadow: 0px 2.30969px 4.25707px rgba(20, 20, 21, 0.28), 0px 6.38599px 11.7703px rgba(20, 20, 21, 0.0521271), 0px 15.375px 28.3382px rgba(20, 20, 21, 0.04), 0px 32px 94px rgba(20, 20, 21, 0.0278729);\n}\n.x-button.primary.sc-xplor-button {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n color: white;\n}\n.x-button.primary.sc-xplor-button:hover {\n background-color: var(--color-primary-50, #e3f2fd);\n border-color: var(--color-primary-50, #e3f2fd);\n color: white;\n}\n.x-button.secondary.sc-xplor-button {\n background-color: var(--color-secondary);\n border-color: var(--color-secondary);\n color: white;\n}\n.x-button.secondary.sc-xplor-button:hover {\n background-color: var(--color-secondary-50, #f3e5f5);\n border-color: var(--color-secondary-50, #f3e5f5);\n color: white;\n}\n.x-button.ghost.sc-xplor-button {\n background-color: #fff;\n border-color: var(--color-secondary);\n color: var(--color-secondary);\n}\n.x-button.ghost.sc-xplor-button:hover {\n background-color: #DFF2F1;\n border-color: var(--color-secondary);\n color: var(--color-secondary);\n}\n.x-button.ghost.sc-xplor-button:active {\n background-color: #BEE6E4;\n border-color: var(--color-secondary);\n color: var(--color-secondary);\n}\n.x-button.minimal.sc-xplor-button {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-primary);\n}\n.x-button.success.sc-xplor-button {\n background-color: transparent;\n border-color: var(--color-success, #4caf50);\n color: var(--color-success, #4caf50);\n}\n.x-button.success.sc-xplor-button:hover {\n background-color: var(--color-success-50, #e8f5e9);\n border-color: var(--color-success, #4caf50);\n color: var(--color-success, #4caf50);\n}\n.x-button.success.sc-xplor-button:active {\n background-color: var(--color-success-100, #c8e6c9);\n}\n.x-button.text.sc-xplor-button {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-secondary);\n}\n.x-button.text.sc-xplor-button:hover {\n background-color: var(--color-secondary-50, #f3e5f5);\n}\n.x-button.text.sc-xplor-button:active {\n background-color: var(--color-secondary-100, #e1bee7);\n}\n.x-button.disabled.sc-xplor-button {\n background-color: #f6f6f6;\n border-color: #a0a0a0;\n color: #a0a0a0;\n}\n\n.icon.sc-xplor-button {\n background-color: #ffffff;\n bottom: 0px;\n left: 0px;\n opacity: 0;\n position: absolute;\n right: 0px;\n top: 0px;\n -webkit-transition: opacity 0.2s;\n transition: opacity 0.2s;\n}\n\n.x-button--icon-only.small.sc-xplor-button {\n width: 36px;\n height: 36px;\n padding: 0.25rem;\n}\n.x-button--icon-only.small.sc-xplor-button .button-icon.sc-xplor-button {\n font-size: 16px;\n}\n.x-button--icon-only.button-icon--svg.sc-xplor-button {\n padding: 0.25rem;\n}\n.x-button--icon-only.button-icon--svg.sc-xplor-button svg.sc-xplor-button {\n width: 16px;\n height: 16px;\n}\n.x-button--icon-only.large.sc-xplor-button {\n width: 56px;\n height: 56px;\n}\n.x-button--icon-only.large.sc-xplor-button .button-icon.sc-xplor-button {\n font-size: 24px;\n}\n\n.x-button.disabled.x-button--icon-only.sc-xplor-button, .x-button.disabled.x-button--with-icon.sc-xplor-button {\n cursor: not-allowed;\n opacity: 0.6;\n}";const hn=class{constructor(e){n(this,e);this.type="secondary";this.mode="pg";this.disabled=false;this.icon="+"}renderIcon(){if(this.icon==="svg"&&this.iconSvg){return r("span",{class:"button-icon button-icon--svg ",innerHTML:this.iconSvg})}return r("span",{class:"button-icon"},this.icon)}render(){const n=!this.text&&this.iconPosition!==null;const e=this.iconPosition!==null;return r(t,{key:"193c8139b43bdbaf108bf09d220b20d746f72cd7"},r("slot",{key:"61b731d8173a15bcd76fbbf16f0d1d97cbab6e34"},r("button",{key:"04486cbf547798161e7756a5999898bc46b298b5",role:"button",class:Object.assign({"x-button":true,[this.type]:true,shadow:this.type!=="minimal"&&this.type!=="text","x-button--icon-only":n,"x-button--with-icon":e&&!n,"x-button--icon-start":this.iconPosition==="start"&&!n,"x-button--icon-end":this.iconPosition==="end"&&!n},this.styles?{[this.styles]:true}:{}),onClick:()=>this.clickAction&&this.clickAction(),"aria-label":this.ariaLabel,"aria-disabled":this.disabled?"true":null,disabled:this.disabled},e&&this.iconPosition==="start"&&this.renderIcon(),this.text&&r("span",{key:"07e204d356d830444e1b26979be6f1f3926ba551",class:"button-text"},this.text),e&&this.iconPosition==="end"&&this.renderIcon())))}};hn.style=mn;const fn="/* on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme='office'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n:host {\n display: block;\n}\n\n.container {\n display: flex;\n margin-top: 20px;\n}";const un=class{constructor(e){n(this,e);this.languageOptions=["English","Spanish","French","German","Italian"];this.textId="text";this.selectedLanguage="English";this.handleClick=()=>{debugger;fetch("https://nnvy1fqqcb.execute-api.ap-southeast-2.amazonaws.com/ai_dev/ai/prompt-generation",{method:"POST",headers:{"Content-Type":"application/json","x-api-key":this.apiKey},body:JSON.stringify({service:null,action:"translate",language:this.selectedLanguage,content:this.textValue\|\|""})}).then((n=>{if(!n.ok){throw new Error(`HTTP error! status: ${n.status}`)}return n.json()})).then((n=>{console.log("Success:",n);this.textValue=n.response})).catch((n=>{console.error("Error:",n)}))};this.handleChange=n=>{const e=n.target;this.selectedLanguage=e.value;console.log("Selected language:",this.selectedLanguage)}}componentDidLoad(){var n;const e=(n=this.host.shadowRoot)===null\|\|n===void 0?void 0:n.getElementById("text");if(e){this.textValue=e.textContent\|\|"";console.log("textValue:",this.textValue)}}render(){return r(t,{key:"19fe2c1cbe9c2f82779a3e9e6966db8e22988002"},r("div",{key:"b2d611ff824b3e4c9eff2c7eac45716219de2b96",id:"ai-text"},this.textValue),r("div",{key:"96ca4702ebd751d3b6ab95a23ca1b762ef1be270",class:"container"},r("xplor-dropdown",{key:"74a7468be12b73d97cf473cd7bb9bae99e62fa1b",options:this.languageOptions,selected:this.selectedLanguage,handleChange:this.handleChange}),r("xplor-button",{key:"4177a337e0295507422bee77f90a26ea6ed3b12b",text:"translate",mode:"pg",type:"primary",onClick:this.handleClick})))}get host(){return o(this)}};un.style=fn;const yn="/* on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme='office'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n/* custom-checkbox.scss /\n:host {\n display: inline-block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.checkbox-wrapper {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.checkbox {\n width: 20px;\n height: 20px;\n border-radius: 4px;\n border: 2px solid #6b7280;\n background: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.15s ease;\n outline: none;\n position: relative;\n}\n.checkbox.hover {\n background: #d1fae5;\n border-color: #059669;\n}\n.checkbox.focus {\n background: #a7f3d0;\n border-color: #059669;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);\n}\n.checkbox.pressed {\n background: #6ee7b7;\n border-color: #059669;\n}\n.checkbox.checked {\n background: #059669;\n border-color: #059669;\n}\n.checkbox.checked.hover {\n background: #d1fae5;\n border-color: #059669;\n}\n.checkbox.checked.hover .check-icon {\n color: #059669;\n}\n.checkbox.checked.focus {\n background: #a7f3d0;\n border-color: #059669;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);\n}\n.checkbox.checked.focus .check-icon {\n color: #059669;\n}\n.checkbox.checked.pressed {\n background: #6ee7b7;\n border-color: #059669;\n}\n.checkbox.checked.pressed .check-icon {\n color: #059669;\n}\n.checkbox.indeterminate {\n background: #059669;\n border-color: #059669;\n}\n.checkbox.indeterminate.hover {\n background: #d1fae5;\n border-color: #059669;\n}\n.checkbox.indeterminate.hover .indeterminate-icon {\n color: #059669;\n}\n.checkbox.indeterminate.focus {\n background: #a7f3d0;\n border-color: #059669;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);\n}\n.checkbox.indeterminate.focus .indeterminate-icon {\n color: #059669;\n}\n.checkbox.indeterminate.pressed {\n background: #6ee7b7;\n border-color: #059669;\n}\n.checkbox.indeterminate.pressed .indeterminate-icon {\n color: #059669;\n}\n.checkbox.error {\n border-color: #ef4444;\n}\n.checkbox.error.hover {\n background: #fee2e2;\n border-color: #ef4444;\n}\n.checkbox.error.focus {\n background: #fecaca;\n border-color: #ef4444;\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n.checkbox.error.pressed {\n background: #fca5a5;\n border-color: #ef4444;\n}\n.checkbox.error.checked {\n background: #ef4444;\n border-color: #ef4444;\n}\n.checkbox.error.checked.hover {\n background: #fee2e2;\n border-color: #ef4444;\n}\n.checkbox.error.checked.hover .check-icon {\n color: #ef4444;\n}\n.checkbox.error.checked.focus {\n background: #fecaca;\n border-color: #ef4444;\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n.checkbox.error.checked.focus .check-icon {\n color: #ef4444;\n}\n.checkbox.error.checked.pressed {\n background: #fca5a5;\n border-color: #ef4444;\n}\n.checkbox.error.checked.pressed .check-icon {\n color: #ef4444;\n}\n.checkbox.error.indeterminate {\n background: #ef4444;\n border-color: #ef4444;\n}\n.checkbox.error.indeterminate.hover {\n background: #fee2e2;\n border-color: #ef4444;\n}\n.checkbox.error.indeterminate.hover .indeterminate-icon {\n color: #ef4444;\n}\n.checkbox.error.indeterminate.focus {\n background: #fecaca;\n border-color: #ef4444;\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);\n}\n.checkbox.error.indeterminate.focus .indeterminate-icon {\n color: #ef4444;\n}\n.checkbox.error.indeterminate.pressed {\n background: #fca5a5;\n border-color: #ef4444;\n}\n.checkbox.error.indeterminate.pressed .indeterminate-icon {\n color: #ef4444;\n}\n.checkbox.disabled {\n opacity: 0.4;\n cursor: not-allowed;\n border-color: #d1d5db;\n background: white;\n}\n.checkbox.disabled.checked, .checkbox.disabled.indeterminate {\n background: #d1d5db;\n border-color: #d1d5db;\n}\n\n.check-icon,\n.indeterminate-icon {\n width: 16px;\n height: 16px;\n color: white;\n}\n\n.label {\n font-size: 14px;\n color: #374151;\n user-select: none;\n}\n.checkbox.disabled ~ .label {\n opacity: 0.4;\n}";let vn=0;const kn=class{constructor(r){n(this,r);this.checkboxChange=e(this,"checkboxChange");this.labelId=`xplor-checkbox-label-${++vn}`;this.initialChecked=false;this.initialIndeterminate=false;this.disabled=false;this.error=false;this.label="";this.checked=false;this.indeterminate=false;this.isHovered=false;this.isFocused=false;this.isPressed=false;this.handleClick=()=>{if(this.disabled)return;if(this.indeterminate){this.indeterminate=false;this.checked=true}else{this.checked=!this.checked}this.checkboxChange.emit({checked:this.checked,indeterminate:this.indeterminate})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key===" "\|\|n.key==="Enter"){n.preventDefault();this.isPressed=true;this.handleClick()}};this.handleKeyUp=n=>{if(n.key===" "\|\|n.key==="Enter"){this.isPressed=false}};this.getCheckboxClass=()=>{const n=["checkbox"];if(this.checked)n.push("checked");if(this.indeterminate)n.push("indeterminate");if(this.disabled)n.push("disabled");if(this.error)n.push("error");if(this.isHovered&&!this.disabled)n.push("hover");if(this.isFocused&&!this.disabled)n.push("focus");if(this.isPressed&&!this.disabled)n.push("pressed");return n.join(" ")}}watchCheckedProp(n){this.checked=n}watchIndeterminateProp(n){this.indeterminate=n}componentWillLoad(){this.checked=this.initialChecked;this.indeterminate=this.initialIndeterminate}render(){return r("div",{key:"02d3efb24ac53caa742721720ec6d212eb159a55",class:"checkbox-wrapper"},r("div",{key:"1d1024d0dfb9328d607919dad86bfa25def7bf35",class:this.getCheckboxClass(),onClick:this.handleClick,onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,onMouseDown:()=>this.isPressed=true,onMouseUp:()=>this.isPressed=false,onFocus:()=>this.isFocused=true,onBlur:()=>this.isFocused=false,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,tabIndex:this.disabled?-1:0,role:"checkbox","aria-checked":this.indeterminate?"mixed":this.checked.toString(),"aria-disabled":this.disabled.toString(),"aria-labelledby":this.label?this.labelId:undefined},this.checked&&r("svg",{key:"e5bd243560546d47bfc77d753df3020fb1abb417",class:"check-icon",viewBox:"0 0 16 16",fill:"none"},r("path",{key:"19da038d854b218177b668da5b8e8c3489dd377d",d:"M13.3334 4L6.00002 11.3333L2.66669 8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),this.indeterminate&&r("svg",{key:"069ce072241705fabb0a740271d7b6e6192e35a8",class:"indeterminate-icon",viewBox:"0 0 16 16",fill:"none"},r("path",{key:"afc9851ff1e2ecb32cb7f0037c72844e8ae1a625",d:"M3.33331 8H12.6666",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))),this.label&&r("span",{key:"4fbc5b3bbf78fd53aa0ee5a65e1a3b1b76cbb114",class:"label",id:this.labelId},this.label))}static get watchers(){return{initialChecked:["watchCheckedProp"],initialIndeterminate:["watchIndeterminateProp"]}}};kn.style=yn;const wn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-combobox {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-combobox {\n width: 600px !important;\n }\n}\nh1.sc-xplor-combobox {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-combobox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-combobox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-combobox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-combobox, ul.sc-xplor-combobox {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-combobox li.sc-xplor-combobox, ul.sc-xplor-combobox li.sc-xplor-combobox {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-combobox, ul.mdc-list.sc-xplor-combobox {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-combobox li.mdc-list-item.sc-xplor-combobox, ul.mdc-list.sc-xplor-combobox li.mdc-list-item.sc-xplor-combobox {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-combobox {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-combobox {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-combobox {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-combobox {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-combobox .mdc-text-field--outlined.sc-xplor-combobox .mdc-notched-outline__notch.sc-xplor-combobox {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-combobox .mdc-notched-outline__notch.sc-xplor-combobox {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-combobox .mdc-notched-outline.sc-xplor-combobox .mdc-notched-outline__notch.sc-xplor-combobox {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-combobox {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-combobox:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-combobox {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-combobox-h {\n display: block;\n width: 100%;\n}\n\n.combobox.sc-xplor-combobox {\n position: relative;\n width: 100%;\n}\n.combobox--disabled.sc-xplor-combobox {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.combobox--readonly.sc-xplor-combobox .combobox__input.sc-xplor-combobox {\n background-color: #f5f5f5;\n}\n\n.combobox__label.sc-xplor-combobox {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n color: #424242;\n margin-bottom: 0.5rem;\n}\n\n.combobox__input-wrapper.sc-xplor-combobox {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.5rem;\n border: 1px solid #bdbdbd;\n border-radius: 4px;\n padding: 0.5rem;\n background-color: #fff;\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n.combobox__input-wrapper.sc-xplor-combobox:focus-within {\n border-color: #1976d2;\n box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\n}\n\n.combobox__chips.sc-xplor-combobox {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n}\n\n.combobox__chip.sc-xplor-combobox {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.5rem;\n background-color: #e8f5e9;\n border-radius: 16px;\n font-size: 0.875rem;\n color: #2e7d32;\n}\n\n.combobox__chip-label.sc-xplor-combobox {\n line-height: 1;\n}\n\n.combobox__chip-remove.sc-xplor-combobox {\n background: none;\n border: none;\n font-size: 1.25rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #2e7d32;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.combobox__chip-remove.sc-xplor-combobox:hover:not(:disabled) {\n background-color: rgba(46, 125, 50, 0.1);\n}\n.combobox__chip-remove.sc-xplor-combobox:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.combobox__input.sc-xplor-combobox {\n flex: 1;\n min-width: 120px;\n border: none;\n outline: none;\n font-family: inherit;\n font-size: 1rem;\n padding: 0.25rem;\n background: transparent;\n color: #212121;\n}\n.combobox__input.sc-xplor-combobox::placeholder {\n color: #9e9e9e;\n}\n.combobox__input.sc-xplor-combobox:disabled {\n cursor: not-allowed;\n}\n.combobox__input[readonly].sc-xplor-combobox {\n cursor: default;\n}\n\n.combobox__actions.sc-xplor-combobox {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n flex-shrink: 0;\n}\n\n.combobox__clear.sc-xplor-combobox {\n background: none;\n border: none;\n font-size: 1.25rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.combobox__clear.sc-xplor-combobox:hover {\n background-color: #f5f5f5;\n color: #212121;\n}\n\n.combobox__icon.sc-xplor-combobox {\n font-size: 0.75rem;\n color: #757575;\n pointer-events: none;\n transition: transform 0.2s;\n}\n.combobox--open.sc-xplor-combobox .combobox__icon.sc-xplor-combobox {\n transform: rotate(180deg);\n}\n\n.combobox__dropdown.sc-xplor-combobox {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n max-height: 300px;\n overflow-y: auto;\n background-color: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n z-index: 1000;\n}\n\n.combobox__item.sc-xplor-combobox {\n padding: 0.75rem 1rem;\n cursor: pointer;\n transition: background-color 0.2s;\n color: #212121;\n}\n.combobox__item.sc-xplor-combobox:hover:not(.combobox__item--disabled) {\n background-color: #f5f5f5;\n}\n.combobox__item--highlighted.sc-xplor-combobox {\n background-color: #e3f2fd;\n}\n.combobox__item--selected.sc-xplor-combobox {\n background-color: #1976d2;\n color: #fff;\n}\n.combobox__item--selected.sc-xplor-combobox:hover {\n background-color: #1565c0;\n}\n.combobox__item--disabled.sc-xplor-combobox {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.combobox__item--create.sc-xplor-combobox {\n background-color: #fff9c4;\n border-top: 1px solid #e0e0e0;\n}\n.combobox__item--create.sc-xplor-combobox:hover {\n background-color: #fff59d;\n}\n.combobox__item--create.combobox__item--highlighted.sc-xplor-combobox {\n background-color: #fff176;\n}\n\n.combobox__create-label.sc-xplor-combobox {\n color: #757575;\n font-size: 0.875rem;\n}\n\n.combobox__no-results.sc-xplor-combobox {\n padding: 1rem;\n text-align: center;\n color: #757575;\n font-size: 0.875rem;\n}";const _n=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.xplorSelect=e(this,"xplorSelect");this.xplorCreate=e(this,"xplorCreate");this.xplorClear=e(this,"xplorClear");this.xplorSearch=e(this,"xplorSearch");this.items=[];this.value=null;this.placeholder="Type to search or add...";this.disabled=false;this.readonly=false;this.clearable=false;this.multiple=false;this.allowCustom=true;this.createMessage="Create";this.isOpen=false;this.searchQuery="";this.filteredItems=[];this.selectedItems=[];this.highlightedIndex=-1;this.customItems=[];this.handleInputFocus=()=>{if(this.disabled\|\|this.readonly)return;this.isOpen=true;this.highlightedIndex=-1};this.handleInputChange=n=>{const e=n.target;this.searchQuery=e.value;this.filterItems();this.isOpen=true;this.highlightedIndex=-1;this.xplorSearch.emit(this.searchQuery);if(!this.multiple&&this.searchQuery===""){this.value=null;this.xplorChange.emit(null)}};this.handleInputKeyDown=n=>{var e;if(this.disabled\|\|this.readonly)return;const r=this.filteredItems.length+(this.canCreateNew()?1:0);switch(n.key){case"ArrowDown":n.preventDefault();this.isOpen=true;this.highlightedIndex=Math.min(this.highlightedIndex+1,r-1);this.scrollToHighlighted();break;case"ArrowUp":n.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,-1);this.scrollToHighlighted();break;case"Enter":n.preventDefault();if(this.highlightedIndex>=0){if(this.highlightedIndex<this.filteredItems.length){this.selectItem(this.filteredItems[this.highlightedIndex])}else if(this.canCreateNew()){this.createNewItem()}}else if(this.canCreateNew()&&this.searchQuery.trim()!==""){this.createNewItem()}break;case"Escape":n.preventDefault();this.isOpen=false;(e=this.inputEl)===null\|\|e===void 0?void 0:e.blur();break;case"Backspace":if(this.multiple&&this.searchQuery===""&&this.selectedItems.length>0){n.preventDefault();this.removeItem(this.selectedItems[this.selectedItems.length-1])}break}};this.handleClear=()=>{var n;this.value=this.multiple?[]:null;this.selectedItems=[];this.searchQuery="";this.filterItems();this.xplorChange.emit(this.value);this.xplorClear.emit();(n=this.inputEl)===null\|\|n===void 0?void 0:n.focus()}}componentWillLoad(){this.filterItems();if(this.value!==null){if(this.multiple&&Array.isArray(this.value)){this.selectedItems=this.value}else if(!this.multiple){const n=[...this.items,...this.customItems];const e=n.find((n=>n.value===this.value));if(e){this.searchQuery=e.label}}}}handleDocumentClick(n){const e=n.target;if(!this.el.contains(e)){this.isOpen=false}}filterItems(){const n=this.searchQuery.toLowerCase();const e=[...this.items,...this.customItems];if(n===""){this.filteredItems=e;return}this.filteredItems=e.filter((e=>e.label.toLowerCase().includes(n)))}canCreateNew(){if(!this.allowCustom\|\|this.searchQuery.trim()===""){return false}const n=[...this.items,...this.customItems];const e=n.some((n=>n.label.toLowerCase()===this.searchQuery.toLowerCase()));return!e}scrollToHighlighted(){if(this.dropdownEl&&this.highlightedIndex>=0){const n=this.dropdownEl.querySelector(`[data-index="${this.highlightedIndex}"]`);if(n){n.scrollIntoView({block:"nearest"})}}}selectItem(n){var e;if(n.disabled)return;if(this.multiple){if(!this.selectedItems.includes(n.value)){this.selectedItems=[...this.selectedItems,n.value];this.value=this.selectedItems;this.xplorChange.emit(this.value)}this.searchQuery="";this.filterItems()}else{this.value=n.value;this.searchQuery=n.label;this.isOpen=false;this.xplorChange.emit(this.value)}this.xplorSelect.emit(n);(e=this.inputEl)===null\|\|e===void 0?void 0:e.focus()}createNewItem(){const n=this.searchQuery.trim();const e={label:n,value:n};this.customItems=[...this.customItems,e];this.selectItem(e);this.xplorCreate.emit(n)}removeItem(n){this.selectedItems=this.selectedItems.filter((e=>e!==n));this.value=this.selectedItems;this.xplorChange.emit(this.value)}getSelectedItemLabel(n){const e=[...this.items,...this.customItems];const r=e.find((e=>e.value===n));return r?r.label:n}render(){const n=this.multiple?this.selectedItems.length>0:this.value!==null&&this.searchQuery!=="";const e=this.canCreateNew();const o="combobox-listbox";const i="combobox-label";const a=this.highlightedIndex>=0?`combobox-option-${this.highlightedIndex}`:undefined;return r(t,{key:"5c3fb39153fe1a83d72b4ad3aa60d4602014916c"},r("div",{key:"ed9f80ab76d19c842e9da6a016040fdf68395332",class:{combobox:true,"combobox--disabled":this.disabled,"combobox--readonly":this.readonly,"combobox--open":this.isOpen}},this.label&&r("label",{key:"a5837bdc2fe30046a56a659a942c82c6612e5eed",class:"combobox__label",id:i},this.label),r("div",{key:"84022a8390a2024ef29d7dbdb5bd3b34c1da2305",class:"combobox__input-wrapper"},this.multiple&&this.selectedItems.length>0&&r("div",{key:"7df2befc1d6104e8b5472c800fe30eda0ecac550",class:"combobox__chips"},this.selectedItems.map((n=>{const e=this.getSelectedItemLabel(n);return r("div",{class:"combobox__chip"},r("span",{class:"combobox__chip-label"},e),r("button",{type:"button",class:"combobox__chip-remove",onClick:()=>this.removeItem(n),disabled:this.disabled\|\|this.readonly,"aria-label":`Remove ${e}`},"×"))}))),r("input",{key:"4b01ffb37bfe750c24081ec839fcd6b70f87bde0",ref:n=>this.inputEl=n,type:"text",class:"combobox__input",placeholder:this.placeholder,value:this.searchQuery,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleInputKeyDown,disabled:this.disabled,readonly:this.readonly,autocomplete:"off",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":this.isOpen?o:undefined,"aria-activedescendant":a,"aria-labelledby":this.label?i:undefined,"aria-label":!this.label?this.ariaLabel\|\|this.placeholder:undefined,"aria-autocomplete":"list"}),r("div",{key:"f1fa0b56edeb6c5e25eebd34a9d143a0ecca1173",class:"combobox__actions"},this.clearable&&n&&!this.disabled&&!this.readonly&&r("button",{key:"5179310582b9aef4739985dbeefd35bda1bb86bb",type:"button",class:"combobox__clear",onClick:this.handleClear,"aria-label":"Clear selection"},"×"),r("span",{key:"93c5431addfcaf88e51d38907304a4e289c3183d",class:"combobox__icon","aria-hidden":"true"},"▼"))),this.isOpen&&(this.filteredItems.length>0\|\|e)&&r("div",{key:"9fba0e29de90f8bdcdd4861fbb0fb06a20fa980b",class:"combobox__dropdown",ref:n=>this.dropdownEl=n,role:"listbox",id:o,"aria-label":this.label\|\|this.ariaLabel\|\|"Options"},this.filteredItems.map(((n,e)=>{const t=this.multiple?this.selectedItems.includes(n.value):this.value===n.value;return r("div",{key:n.value,id:`combobox-option-${e}`,"data-index":e,role:"option","aria-selected":t?"true":"false","aria-disabled":n.disabled?"true":undefined,class:{combobox__item:true,"combobox__item--highlighted":e===this.highlightedIndex,"combobox__item--selected":t,"combobox__item--disabled":n.disabled},onClick:()=>this.selectItem(n)},n.label)})),e&&r("div",{key:"880bc30bc32c87dfb9ecf9b706162299e80fd1c5",id:`combobox-option-${this.filteredItems.length}`,"data-index":this.filteredItems.length,role:"option","aria-selected":"false",class:{combobox__item:true,"combobox__item--create":true,"combobox__item--highlighted":this.highlightedIndex===this.filteredItems.length},onClick:()=>this.createNewItem()},r("span",{key:"d0ff5841add7495a79a1e9453b87706971cf8907",class:"combobox__create-label"},this.createMessage,":")," ",r("strong",{key:"e1b1e94a5afce2ab3f5a714a7c593e59d9d22ff0"},'"',this.searchQuery,'"'))),this.isOpen&&this.filteredItems.length===0&&!e&&r("div",{key:"0a95426511036f918cd42999cd1543fc26efbff2",class:"combobox__dropdown",role:"listbox",id:o},r("div",{key:"551dc3ad968c049c5bbf2a9da71d45e203e15df7",class:"combobox__no-results",role:"option","aria-disabled":"true"},"No results found"))))}get el(){return o(this)}};_n.style=wn;const zn='/* on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme=\'office\'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n:host {\n display: block;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}\n\n.datatable-container {\n background: white;\n border: 1px solid #e3e4e5;\n border-radius: 8px;\n overflow: hidden;\n}\n\n.table-wrapper {\n width: 100%;\n overflow: auto;\n position: relative;\n}\n.table-wrapper.has-height {\n max-height: 100%;\n}\n.table-wrapper.is-empty {\n min-height: 200px;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\ntable thead {\n background: #f7f8f9;\n position: sticky;\n top: 0;\n z-index: 10;\n}\ntable thead tr {\n border-bottom: 1px solid #e3e4e5;\n}\ntable thead th {\n padding: 12px 16px;\n text-align: left;\n font-size: 0.75rem;\n font-weight: 600;\n color: #1a1a1a;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border-right: 1px solid #e3e4e5;\n white-space: nowrap;\n user-select: none;\n}\ntable thead th:last-child {\n border-right: none;\n}\ntable thead th.sortable {\n cursor: pointer;\n transition: background-color 0.2s;\n}\ntable thead th.sortable:hover {\n background: #eef0f1;\n}\ntable thead th.sorted {\n background: #e5e7e9;\n}\ntable thead th.fixed {\n position: sticky;\n left: 0;\n z-index: 11;\n background: #f7f8f9;\n}\ntable thead th.align-left {\n text-align: left;\n}\ntable thead th.align-center {\n text-align: center;\n}\ntable thead th.align-right {\n text-align: right;\n}\ntable thead th .header-content {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: space-between;\n}\ntable thead th .sort-icon {\n flex-shrink: 0;\n color: #999;\n transition: color 0.2s;\n}\ntable thead th .sort-icon.active {\n color: #008480;\n}\ntable tbody tr {\n border-bottom: 1px solid #f0f0f0;\n transition: background-color 0.15s;\n}\ntable tbody tr:last-child {\n border-bottom: 1px solid #e3e4e5;\n}\ntable tbody tr.clickable {\n cursor: pointer;\n}\ntable tbody tr.selected {\n background-color: rgba(0, 132, 128, 0.08);\n}\ntable tbody tr.selected:hover {\n background-color: rgba(0, 132, 128, 0.12);\n}\ntable tbody tr.empty-row {\n cursor: default;\n}\ntable tbody tr.empty-row:hover {\n background: transparent;\n}\ntable tbody td {\n padding: 12px 16px;\n font-size: 0.875rem;\n color: #333;\n border-right: 1px solid #f0f0f0;\n}\ntable tbody td:last-child {\n border-right: none;\n}\ntable tbody td.align-left {\n text-align: left;\n}\ntable tbody td.align-center {\n text-align: center;\n}\ntable tbody td.align-right {\n text-align: right;\n}\ntable tbody .select-column {\n width: 50px;\n text-align: center;\n position: sticky;\n left: 0;\n background: inherit;\n z-index: 1;\n}\n.horizontal-lines table thead th {\n border-right: none;\n}\n.horizontal-lines table tbody td {\n border-right: none;\n}\n.horizontal-lines table tbody tr {\n border-bottom: 1px solid #e3e4e5;\n}\n.striped table tbody tr:nth-child(even) {\n background-color: #fafafa;\n}\n.striped table tbody tr:nth-child(even).selected {\n background-color: rgba(0, 132, 128, 0.08);\n}\ntable.hover tbody tr:not(.empty-row):hover {\n background-color: #f5f5f5;\n}\ntable.hover tbody tr:not(.empty-row):hover.selected {\n background-color: rgba(0, 132, 128, 0.12);\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n cursor: pointer;\n}\n.checkbox-label input[type=checkbox] {\n width: 18px;\n height: 18px;\n cursor: pointer;\n accent-color: #008480;\n margin: 0;\n}\n\n.empty-state {\n text-align: center;\n padding: 40px 20px;\n color: #999;\n}\n.empty-state p {\n margin: 0;\n font-size: 0.875rem;\n}\n\n.skeleton-loader tr {\n cursor: default !important;\n}\n.skeleton-loader tr:hover {\n background: transparent !important;\n}\n.skeleton-loader .skeleton {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: skeleton-loading 1.5s ease-in-out infinite;\n border-radius: 4px;\n}\n.skeleton-loader .skeleton-text {\n height: 16px;\n width: 80%;\n}\n.skeleton-loader .skeleton-checkbox {\n height: 18px;\n width: 18px;\n margin: 0 auto;\n}\n\n@keyframes skeleton-loading {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}\n.datatable-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-top: 1px solid #e3e4e5;\n background: #fafafa;\n flex-wrap: wrap;\n gap: 16px;\n}\n.datatable-footer .footer-info {\n font-size: 0.875rem;\n color: #666;\n}\n.datatable-footer .footer-controls {\n display: flex;\n align-items: center;\n gap: 24px;\n flex-wrap: wrap;\n}\n.datatable-footer .per-page-selector label {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.875rem;\n color: #666;\n}\n.datatable-footer .per-page-selector select {\n padding: 4px 8px;\n border: 1px solid #d0d0d0;\n border-radius: 4px;\n background: white;\n font-size: 0.875rem;\n cursor: pointer;\n transition: border-color 0.2s;\n}\n.datatable-footer .per-page-selector select:hover {\n border-color: #008480;\n}\n.datatable-footer .per-page-selector select:focus {\n outline: none;\n border-color: #008480;\n box-shadow: 0 0 0 2px rgba(0, 132, 128, 0.1);\n}\n.datatable-footer .pagination-controls {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.datatable-footer .pagination-controls .page-info {\n font-size: 0.875rem;\n color: #333;\n padding: 0 8px;\n}\n.datatable-footer .pagination-controls .pagination-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: 1px solid #d0d0d0;\n border-radius: 4px;\n background: white;\n color: #333;\n cursor: pointer;\n transition: all 0.2s;\n}\n.datatable-footer .pagination-controls .pagination-btn:hover:not(:disabled) {\n border-color: #008480;\n background: #f0fffe;\n color: #008480;\n}\n.datatable-footer .pagination-controls .pagination-btn:active:not(:disabled) {\n background: #e0f9f8;\n}\n.datatable-footer .pagination-controls .pagination-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.datatable-footer .pagination-controls .pagination-btn svg {\n width: 16px;\n height: 16px;\n}\n\n@media (max-width: 768px) {\n .datatable-footer {\n flex-direction: column;\n align-items: stretch;\n }\n .datatable-footer .footer-controls {\n justify-content: space-between;\n }\n}';const Cn=class{constructor(r){n(this,r);this.rowClick=e(this,"rowClick");this.xplorSelectionChange=e(this,"xplorSelectionChange");this.paginationChange=e(this,"paginationChange");this.sortChange=e(this,"sortChange");this.headers=[];this.items=[];this.loading=false;this.pagination={page:1,perpage:10,total:0};this.selected=[];this.canSelect=false;this.horizontalLines=true;this.striped=false;this.skeletonLoader=true;this.hover=true;this.perPageOptions=[10,25,50,100];this.sortBy=null;this.sortDirection=null;this.internalSelected=new Set;this.allSelected=false;this.handleSort=n=>{if(n.sortable===false)return;if(this.sortBy===n.value){if(this.sortDirection==="asc"){this.sortDirection="desc"}else if(this.sortDirection==="desc"){this.sortDirection=null;this.sortBy=null}}else{this.sortBy=n.value;this.sortDirection="asc"}this.sortChange.emit({column:this.sortBy,direction:this.sortDirection})};this.handleSelectAll=n=>{const e=n.target;const r=e.checked;if(r){this.items.forEach((n=>this.internalSelected.add(n)))}else{this.internalSelected.clear()}this.allSelected=r;this.internalSelected=new Set(this.internalSelected);this.xplorSelectionChange.emit(Array.from(this.internalSelected))};this.handleSelectOne=(n,e)=>{const r=n.target;const t=r.checked;if(t){this.internalSelected.add(e)}else{this.internalSelected.delete(e)}this.internalSelected=new Set(this.internalSelected);this.updateAllSelectedState();this.xplorSelectionChange.emit(Array.from(this.internalSelected))};this.handleRowClick=(n,e)=>{const r=e.target;if(r.tagName==="INPUT"\|\|r.closest("input")){return}this.rowClick.emit(n)};this.handlePageChange=n=>{const e=Object.assign(Object.assign({},this.pagination),{page:n});this.paginationChange.emit(e)};this.handlePerPageChange=n=>{const e=n.target;const r=parseInt(e.value,10);if(!isNaN(r)){const n=Object.assign(Object.assign({},this.pagination),{page:1,perpage:r});this.paginationChange.emit(n)}}}componentWillLoad(){this.internalSelected=new Set(this.selected)}watchSelected(n){this.internalSelected=new Set(n);this.updateAllSelectedState()}watchItems(){this.updateAllSelectedState()}updateAllSelectedState(){if(this.items.length===0){this.allSelected=false;return}this.allSelected=this.items.every((n=>this.internalSelected.has(n)))}getSortIcon(n){if(this.sortBy!==n.value){return r("svg",{class:"sort-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor",opacity:"0.3"}),r("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor",opacity:"0.3"}))}if(this.sortDirection==="asc"){return r("svg",{class:"sort-icon active",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor"}),r("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor",opacity:"0.3"}))}return r("svg",{class:"sort-icon active",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor",opacity:"0.3"}),r("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor"}))}renderSkeletonLoader(){return r("tbody",{class:"skeleton-loader"},Array.from({length:this.pagination.perpage}).map((()=>r("tr",null,this.canSelect&&r("td",null,r("div",{class:"skeleton skeleton-checkbox"})),this.headers.map((()=>r("td",null,r("div",{class:"skeleton skeleton-text"}))))))))}renderPagination(){const n=Math.ceil(this.pagination.total/this.pagination.perpage);const e=this.pagination.page;const t=(e-1)this.pagination.perpage+1;const o=Math.min(ethis.pagination.perpage,this.pagination.total);return r("div",{class:"datatable-footer"},r("div",{class:"footer-info"},this.pagination.total>0?r("span",null,"Showing ",t," to ",o," of ",this.pagination.total," entries"):r("span",null,"No entries")),r("div",{class:"footer-controls"},r("div",{class:"per-page-selector"},r("label",null,"Rows per page:",r("select",{onInput:this.handlePerPageChange},this.perPageOptions.map((n=>r("option",{value:n,selected:n===this.pagination.perpage},n)))))),r("div",{class:"pagination-controls"},r("button",{class:"pagination-btn",disabled:e===1,onClick:()=>this.handlePageChange(1),"aria-label":"First page"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M11 12L7 8L11 4M5 4V12",stroke:"currentColor","stroke-width":"1.5"}))),r("button",{class:"pagination-btn",disabled:e===1,onClick:()=>this.handlePageChange(e-1),"aria-label":"Previous page"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M10 12L6 8L10 4",stroke:"currentColor","stroke-width":"1.5"}))),r("span",{class:"page-info"},"Page ",e," of ",n\|\|1),r("button",{class:"pagination-btn",disabled:e>=n,onClick:()=>this.handlePageChange(e+1),"aria-label":"Next page"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M6 4L10 8L6 12",stroke:"currentColor","stroke-width":"1.5"}))),r("button",{class:"pagination-btn",disabled:e>=n,onClick:()=>this.handlePageChange(n),"aria-label":"Last page"},r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r("path",{d:"M5 4L9 8L5 12M11 4V12",stroke:"currentColor","stroke-width":"1.5"}))))))}render(){const n=typeof this.height==="number"?`${this.height}px`:this.height;const e=!!this.height;return r(t,{key:"779f32a211bb2d9d5d70363112970f00d62d9ccf",class:"xplor-datatable"},r("div",{key:"27995dd2f98074fe0bd223b52ae3b25cc48a8ab6",class:"datatable-container"},r("div",{key:"379d7b6999df3d94e2fa6618394e14fa9e99d96b",class:{"table-wrapper":true,"has-height":e,"horizontal-lines":this.horizontalLines,striped:this.striped,"is-empty":this.items.length===0},style:e?{height:n}:{}},r("table",{key:"5f46224fe7ecc2fd3781e11d592fee5c8d80e9f2",class:{hover:this.hover}},r("thead",{key:"d20432aa1d6551dd324a60ed594cd5ebc2c80198"},r("tr",{key:"62cc50e679f8345caba6f92a7ae117b68728425d"},this.canSelect&&r("th",{key:"dfffb0bf421458b192db6eae3538da8a752f5356",class:"select-column"},r("label",{key:"17cdb037cee9b2d0cce729e0761f03b4bca14354",class:"checkbox-label"},r("input",{key:"668128d3f8238449b965df2825e164a2e12a4626",type:"checkbox",checked:this.allSelected,indeterminate:this.internalSelected.size>0&&this.internalSelected.size<this.items.length,onChange:this.handleSelectAll,"aria-label":"Select all rows"}))),this.headers.map((n=>r("th",{class:{sortable:n.sortable!==false,sorted:this.sortBy===n.value,fixed:n.fixed,[`align-${n.align\|\|"left"}`]:true},style:n.width?{width:typeof n.width==="number"?`${n.width}px`:n.width}:{},onClick:()=>n.sortable!==false&&this.handleSort(n),"aria-sort":n.sortable!==false&&this.sortBy===n.value?this.sortDirection==="asc"?"ascending":this.sortDirection==="desc"?"descending":"none":undefined},r("div",{class:"header-content"},r("span",null,n.text),n.sortable!==false&&this.getSortIcon(n))))))),this.loading&&this.skeletonLoader?this.renderSkeletonLoader():r("tbody",null,this.items.length===0?r("tr",{class:"empty-row"},r("td",{colSpan:this.headers.length+(this.canSelect?1:0)},r("div",{class:"empty-state"},r("p",null,"No data available")))):this.items.map((n=>{const e=this.internalSelected.has(n);return r("tr",{class:{selected:e,clickable:true},onClick:e=>this.handleRowClick(n,e),"aria-selected":this.canSelect?e?"true":"false":undefined},this.canSelect&&r("td",{class:"select-column"},r("label",{class:"checkbox-label"},r("input",{type:"checkbox",checked:e,onChange:e=>this.handleSelectOne(e,n)}))),this.headers.map((e=>r("td",{class:`align-${e.align\|\|"left"}`},r("slot",{name:`item.${e.value}`},n[e.value])))))}))))),this.pagination&&this.pagination.total>0&&this.renderPagination()))}get el(){return o(this)}static get watchers(){return{selected:["watchSelected"],items:["watchItems"]}}};Cn.style=zn;const In="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-date-picker {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-date-picker {\n width: 600px !important;\n }\n}\nh1.sc-xplor-date-picker {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-date-picker, ul.sc-xplor-date-picker {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-date-picker li.sc-xplor-date-picker, ul.sc-xplor-date-picker li.sc-xplor-date-picker {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-date-picker, ul.mdc-list.sc-xplor-date-picker {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-date-picker li.mdc-list-item.sc-xplor-date-picker, ul.mdc-list.sc-xplor-date-picker li.mdc-list-item.sc-xplor-date-picker {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-date-picker {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-date-picker {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-date-picker {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-date-picker {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-date-picker .mdc-text-field--outlined.sc-xplor-date-picker .mdc-notched-outline__notch.sc-xplor-date-picker {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-date-picker .mdc-notched-outline__notch.sc-xplor-date-picker {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-date-picker .mdc-notched-outline.sc-xplor-date-picker .mdc-notched-outline__notch.sc-xplor-date-picker {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-date-picker {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-date-picker:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-date-picker {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-date-picker-h {\n display: block;\n width: 100%;\n}\n\n.date-picker.sc-xplor-date-picker {\n position: relative;\n width: 100%;\n}\n.date-picker--disabled.sc-xplor-date-picker {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.date-picker__label.sc-xplor-date-picker {\n display: block;\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.date-picker__required.sc-xplor-date-picker {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.date-picker__field.sc-xplor-date-picker {\n position: relative;\n display: flex;\n align-items: center;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n transition: border-color 0.2s ease;\n background: white;\n}\n.date-picker__field.sc-xplor-date-picker:focus-within {\n border-color: #008480;\n border-width: 2px;\n}\n.date-picker__field.sc-xplor-date-picker:focus-within .date-picker__input.sc-xplor-date-picker {\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.date-picker--error.sc-xplor-date-picker .date-picker__field.sc-xplor-date-picker {\n border-color: #d32f2f;\n}\n.date-picker__input.sc-xplor-date-picker {\n flex: 1;\n width: 100%;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: none;\n border-radius: 1rem;\n outline: none;\n background: transparent;\n}\n.date-picker__input.sc-xplor-date-picker::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.date-picker__input.sc-xplor-date-picker:disabled {\n cursor: not-allowed;\n}\n.date-picker__actions.sc-xplor-date-picker {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding-right: 0.5rem;\n flex-shrink: 0;\n}\n.date-picker__clear.sc-xplor-date-picker {\n background: none;\n border: none;\n font-size: 1.25rem;\n cursor: pointer;\n padding: 0;\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.date-picker__clear.sc-xplor-date-picker:hover {\n background-color: #f5f5f5;\n color: #212121;\n}\n.date-picker__icon-btn.sc-xplor-date-picker {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.date-picker__icon-btn.sc-xplor-date-picker:hover:not(:disabled) {\n background-color: #f5f5f5;\n color: #212121;\n}\n.date-picker__icon-btn.sc-xplor-date-picker:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.date-picker__icon-svg.sc-xplor-date-picker {\n display: block;\n}\n.date-picker__text-display.sc-xplor-date-picker {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n padding: 0.5rem;\n border-radius: 4px;\n color: #008480;\n font-size: 1rem;\n transition: background-color 0.2s;\n}\n.date-picker__text-display.sc-xplor-date-picker:hover {\n background-color: rgba(0, 132, 128, 0.08);\n}\n.date-picker__text-value.sc-xplor-date-picker {\n text-decoration: underline;\n}\n.date-picker__dropdown.sc-xplor-date-picker {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n z-index: 1000;\n background-color: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.date-picker__dropdown--top.sc-xplor-date-picker {\n top: auto;\n bottom: calc(100% + 4px);\n}\n.date-picker__details.sc-xplor-date-picker {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.date-picker__error-message.sc-xplor-date-picker {\n color: #d32f2f;\n}";let Sn=0;const jn=class{constructor(r){n(this,r);this.dateChange=e(this,"dateChange");this.xplorFocus=e(this,"xplorFocus");this.xplorBlur=e(this,"xplorBlur");this.xplorClear=e(this,"xplorClear");this.value="";this.label="";this.placeholder="Select date";this.type="date";this.monthType="start";this.display="input";this.dateFormat="short";this.min="";this.max="";this.readonly=false;this.disabled=false;this.clearable=false;this.closeOnSelect=true;this.bgColor="white";this.color="#008480";this.startWeekOnSunday=true;this.error="";this.hideDetails="auto";this.required=false;this.isOpen=false;this.inputText="";this.dropdownPosition="bottom";this.inputId=`xplor-date-picker-${++Sn}`;this.labelId=`${this.inputId}-label`;this.errorId=`${this.inputId}-error`;this.toggleDropdown=()=>{if(this.disabled\|\|this.readonly)return;this.updateDropdownPosition();this.isOpen=!this.isOpen};this.handleInputFocus=n=>{this.xplorFocus.emit(n)};this.handleInputBlur=n=>{this.xplorBlur.emit(n);const e=this.parseInputText(this.inputText);if(e&&this.isDateInRange(e)){this.value=e;this.inputText=this.formatDateForDisplay(e);this.dateChange.emit(e)}else if(this.value){this.inputText=this.formatDateForDisplay(this.value)}else{this.inputText=""}};this.handleInputChange=n=>{const e=n.target;this.inputText=e.value};this.handleDateSelected=n=>{n.stopPropagation();const e=n.detail;if(!this.isDateInRange(e))return;if(this.type==="month"){const n=this.parseISODate(e);if(n){let e;if(this.monthType==="end"){e=new Date(n.getFullYear(),n.getMonth()+1,0)}else{e=new Date(n.getFullYear(),n.getMonth(),1)}const r=this.toISO(e);this.value=r;this.inputText=this.formatDateForDisplay(r);this.dateChange.emit(r)}}else{this.value=e;this.inputText=this.formatDateForDisplay(e);this.dateChange.emit(e)}if(this.closeOnSelect){this.isOpen=false}};this.handleClear=n=>{n.stopPropagation();this.value="";this.inputText="";this.dateChange.emit("");this.xplorClear.emit()};this.handleTextClick=()=>{if(this.disabled\|\|this.readonly)return;this.updateDropdownPosition();this.isOpen=!this.isOpen}}componentWillLoad(){if(this.value){this.inputText=this.formatDateForDisplay(this.value)}}handleDocumentClick(n){const e=n.target;if(!this.el.contains(e)){this.isOpen=false}}parseISODate(n){if(!n)return null;const e=new Date(n+"T00:00:00");return isNaN(e.getTime())?null:e}formatDateForDisplay(n){const e=this.parseISODate(n);if(!e)return n;if(this.type==="month"){return new Intl.DateTimeFormat("en-AU",{month:"long",year:"numeric"}).format(e)}switch(this.dateFormat){case"long":return new Intl.DateTimeFormat("en-AU",{day:"numeric",month:"short",year:"numeric"}).format(e);case"iso":return n;case"short":default:return new Intl.DateTimeFormat("en-AU",{day:"2-digit",month:"2-digit",year:"numeric"}).format(e)}}toISO(n){const e=n.getFullYear();const r=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${e}-${r}-${t}`}parseInputText(n){const e=n.trim();if(!e)return null;const r=e.match(/^(\d{1,2})[/\-.](\d{1,2})[/\-.](\d{4})$/);if(r){const n=parseInt(r[1],10);const e=parseInt(r[2],10);const t=parseInt(r[3],10);const o=new Date(t,e-1,n);if(o.getFullYear()===t&&o.getMonth()===e-1&&o.getDate()===n){return this.toISO(o)}}const t=e.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);if(t){const n=parseInt(t[1],10);const e=parseInt(t[2],10);const r=parseInt(t[3],10);const o=new Date(n,e-1,r);if(o.getFullYear()===n&&o.getMonth()===e-1&&o.getDate()===r){return this.toISO(o)}}const o=new Date(e);if(!isNaN(o.getTime())){return this.toISO(o)}return null}isDateInRange(n){if(!n)return true;if(this.min&&n<this.min)return false;if(this.max&&n>this.max)return false;return true}updateDropdownPosition(){const n=this.el.getBoundingClientRect();const e=window.innerHeight-n.bottom;this.dropdownPosition=e<350?"top":"bottom"}render(){const n=this.hideDetails===false\|\|this.hideDetails==="auto"&&this.error;const e=r("svg",{key:"8e3f3be13346ec15a3e4e2a9e9ccf3481cf8c87b",class:"date-picker__icon-svg",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("rect",{key:"1f5d918d65a44a7b8f9dec0609ef125c96b1ccdf",x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),r("line",{key:"d2a5ccfbe2e4afe8ed5d9277c49b09169c6ae651",x1:"16",y1:"2",x2:"16",y2:"6"}),r("line",{key:"8d114a93b8f1c4d8fc65360f34afaecc14148328",x1:"8",y1:"2",x2:"8",y2:"6"}),r("line",{key:"40b3ab407c3872d6eda481a64f8210b505e202cc",x1:"3",y1:"10",x2:"21",y2:"10"}));return r(t,{key:"7c04e985b0a900863965311e69a336d859852e66"},r("div",{key:"15b17203d293c694130493bf45b8bd6d38c7bd36",class:{"date-picker":true,"date-picker--disabled":this.disabled,"date-picker--error":!!this.error,"date-picker--open":this.isOpen}},this.label&&r("label",{key:"e9e03dde337f9c2259611f1f1f4748bb92d86cfb",class:"date-picker__label",id:this.labelId,htmlFor:this.inputId},this.label,this.required&&r("span",{key:"4e68d0071f5224c9fc30df8864898a4906f6efba",class:"date-picker__required"},"")),this.display==="text"?r("div",{class:"date-picker__text-display",onClick:this.handleTextClick,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"dialog",role:"button",tabIndex:0},r("span",{class:"date-picker__text-value"},this.value?this.formatDateForDisplay(this.value):this.placeholder),e):r("div",{class:"date-picker__field"},r("input",{id:this.inputId,type:"text",class:"date-picker__input",value:this.inputText,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onInput:this.handleInputChange,style:{backgroundColor:this.bgColor},"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"dialog","aria-describedby":this.error?this.errorId:undefined,"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined}),r("div",{class:"date-picker__actions"},this.clearable&&this.value&&!this.disabled&&!this.readonly&&r("button",{type:"button",class:"date-picker__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),r("button",{type:"button",class:"date-picker__icon-btn",onClick:this.toggleDropdown,disabled:this.disabled,"aria-label":"Open calendar"},e))),n&&r("div",{key:"4e9fd12626bf5436604e28a236a304d60c452b50",class:"date-picker__details"},this.error&&r("div",{key:"a40425ac84ee81671f4289f4323db9a9a472d3c7",class:"date-picker__error-message",id:this.errorId},this.error)),this.isOpen&&r("div",{key:"86c55873b678dcfe74c09475cbde7657f1983799",class:{"date-picker__dropdown":true,"date-picker__dropdown--top":this.dropdownPosition==="top"}},r("xplor-inline-date-picker",{key:"bd1636e13522a65ea6377857edea2928a6182282",selectedDate:this.value,min:this.min,max:this.max,readonly:this.readonly,color:this.color,startWeekOnSunday:this.startWeekOnSunday,onDateSelected:this.handleDateSelected}))))}get el(){return o(this)}};jn.style=In;const Tn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-drag-and-drop-input {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-drag-and-drop-input {\n width: 600px !important;\n }\n}\nh1.sc-xplor-drag-and-drop-input {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-drag-and-drop-input {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-drag-and-drop-input {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-drag-and-drop-input {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-drag-and-drop-input, ul.sc-xplor-drag-and-drop-input {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-drag-and-drop-input li.sc-xplor-drag-and-drop-input, ul.sc-xplor-drag-and-drop-input li.sc-xplor-drag-and-drop-input {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-drag-and-drop-input, ul.mdc-list.sc-xplor-drag-and-drop-input {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop-input, ul.mdc-list.sc-xplor-drag-and-drop-input li.mdc-list-item.sc-xplor-drag-and-drop-input {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-drag-and-drop-input {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-drag-and-drop-input {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-drag-and-drop-input {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-drag-and-drop-input {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-drag-and-drop-input .mdc-text-field--outlined.sc-xplor-drag-and-drop-input .mdc-notched-outline__notch.sc-xplor-drag-and-drop-input {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-drag-and-drop-input .mdc-notched-outline__notch.sc-xplor-drag-and-drop-input {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-drag-and-drop-input .mdc-notched-outline.sc-xplor-drag-and-drop-input .mdc-notched-outline__notch.sc-xplor-drag-and-drop-input {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-drag-and-drop-input {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-drag-and-drop-input:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-drag-and-drop-input {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-drag-and-drop-input {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-drag-and-drop-input {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-drag-and-drop-input {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-drag-and-drop-input {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-drag-and-drop-input {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-drag-and-drop-input {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-drag-and-drop-input {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-drag-and-drop-input {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-drag-and-drop-input {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-drag-and-drop-input {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-drag-and-drop-input {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-drag-and-drop-input {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-drag-and-drop-input {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-drag-and-drop-input {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-drag-and-drop-input {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-drag-and-drop-input {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-drag-and-drop-input {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-drag-and-drop-input {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-drag-and-drop-input {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-drag-and-drop-input {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-drag-and-drop-input {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-drag-and-drop-input {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-drag-and-drop-input {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-drag-and-drop-input {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-drag-and-drop-input {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-drag-and-drop-input {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-drag-and-drop-input {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-drag-and-drop-input {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-drag-and-drop-input {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-drag-and-drop-input {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-drag-and-drop-input {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-drag-and-drop-input {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-drag-and-drop-input {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-drag-and-drop-input {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-drag-and-drop-input {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-drag-and-drop-input {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-drag-and-drop-input {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-drag-and-drop-input {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-drag-and-drop-input {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-drag-and-drop-input {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-drag-and-drop-input {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-drag-and-drop-input {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-drag-and-drop-input {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-drag-and-drop-input {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-drag-and-drop-input {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-drag-and-drop-input {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-drag-and-drop-input {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-drag-and-drop-input {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-drag-and-drop-input {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-drag-and-drop-input {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-drag-and-drop-input {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-drag-and-drop-input {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-drag-and-drop-input {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-drag-and-drop-input {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-drag-and-drop-input {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-drag-and-drop-input {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-drag-and-drop-input {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-drag-and-drop-input {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-drag-and-drop-input {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-drag-and-drop-input {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-drag-and-drop-input {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-drag-and-drop-input {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-drag-and-drop-input {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-drag-and-drop-input {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-drag-and-drop-input {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-drag-and-drop-input {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-drag-and-drop-input {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-drag-and-drop-input {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-drag-and-drop-input {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-drag-and-drop-input {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-drag-and-drop-input {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-drag-and-drop-input {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-drag-and-drop-input {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-drag-and-drop-input {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-drag-and-drop-input {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-drag-and-drop-input {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-drag-and-drop-input {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-drag-and-drop-input {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-drag-and-drop-input {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-drag-and-drop-input {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-drag-and-drop-input {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-drag-and-drop-input {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-drag-and-drop-input {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-drag-and-drop-input {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-drag-and-drop-input {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-drag-and-drop-input {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-drag-and-drop-input {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-drag-and-drop-input {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-drag-and-drop-input {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-drag-and-drop-input {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-drag-and-drop-input {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-drag-and-drop-input {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-drag-and-drop-input {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-drag-and-drop-input {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-drag-and-drop-input {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-drag-and-drop-input {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-drag-and-drop-input {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-drag-and-drop-input {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-drag-and-drop-input {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-drag-and-drop-input {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-drag-and-drop-input {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-drag-and-drop-input {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-drag-and-drop-input {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-drag-and-drop-input {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-drag-and-drop-input {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-drag-and-drop-input {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-drag-and-drop-input {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-drag-and-drop-input {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-drag-and-drop-input {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-drag-and-drop-input {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-drag-and-drop-input {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-drag-and-drop-input {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-drag-and-drop-input {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-drag-and-drop-input {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-drag-and-drop-input {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-drag-and-drop-input {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-drag-and-drop-input {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-drag-and-drop-input {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-drag-and-drop-input {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-drag-and-drop-input {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-drag-and-drop-input {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-drag-and-drop-input {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-drag-and-drop-input {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-drag-and-drop-input {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-drag-and-drop-input {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-drag-and-drop-input {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-drag-and-drop-input {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-drag-and-drop-input {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-drag-and-drop-input {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-drag-and-drop-input {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-drag-and-drop-input {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-drag-and-drop-input {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-drag-and-drop-input {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-drag-and-drop-input {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-drag-and-drop-input {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-drag-and-drop-input {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-drag-and-drop-input {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-drag-and-drop-input {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-drag-and-drop-input {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-drag-and-drop-input {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-drag-and-drop-input {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-drag-and-drop-input {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-drag-and-drop-input {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-drag-and-drop-input {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-drag-and-drop-input {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-drag-and-drop-input {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-drag-and-drop-input {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-drag-and-drop-input {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-drag-and-drop-input {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-drag-and-drop-input {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-drag-and-drop-input {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-drag-and-drop-input {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-drag-and-drop-input {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-drag-and-drop-input {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-drag-and-drop-input {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-drag-and-drop-input {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-drag-and-drop-input {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-drag-and-drop-input {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-drag-and-drop-input {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-drag-and-drop-input {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-drag-and-drop-input {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-drag-and-drop-input {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-drag-and-drop-input {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-drag-and-drop-input {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-drag-and-drop-input {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-drag-and-drop-input {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-drag-and-drop-input {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-drag-and-drop-input {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-drag-and-drop-input {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-drag-and-drop-input {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-drag-and-drop-input {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-drag-and-drop-input {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-drag-and-drop-input {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-drag-and-drop-input {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-drag-and-drop-input {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-drag-and-drop-input {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-drag-and-drop-input {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-drag-and-drop-input {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-drag-and-drop-input {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-drag-and-drop-input {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-drag-and-drop-input {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-drag-and-drop-input {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-drag-and-drop-input-h {\n display: block;\n}\n\n.drag-drop-zone.sc-xplor-drag-and-drop-input {\n position: relative;\n padding-bottom: 2.5rem;\n}\n\n.drag-drop-input-hidden.sc-xplor-drag-and-drop-input {\n display: none;\n}\n\n.drag-drop-card.sc-xplor-drag-and-drop-input {\n background-color: #f5f5f5;\n border-radius: 8px;\n border: 2px dashed var(--color-secondary);\n min-height: 160px;\n padding: 1rem 1.5rem 2rem;\n text-align: center;\n transition: all 0.2s ease;\n cursor: default;\n}\n.drag-drop-card.sc-xplor-drag-and-drop-input:hover:not(.drag-drop-card--disabled) {\n border-color: var(--color-secondary);\n background-color: #eeeeee;\n}\n.drag-drop-card--dragover.sc-xplor-drag-and-drop-input {\n border: 2px dashed var(--color-secondary);\n background-color: #eeeeee;\n}\n.drag-drop-card--disabled.sc-xplor-drag-and-drop-input {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.drag-drop-card__content.sc-xplor-drag-and-drop-input {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0 0;\n}\n\n.drag-drop-card__icon.sc-xplor-drag-and-drop-input {\n color: var(--color-secondary);\n width: 40px;\n height: 40px;\n}\n\n.drag-drop-card__title.sc-xplor-drag-and-drop-input {\n color: #000000;\n font-family: Inter, sans-serif;\n font-size: 18px;\n font-weight: 700;\n line-height: 24px;\n letter-spacing: 0;\n margin: 0;\n}\n\n.drag-drop-card__accepts.sc-xplor-drag-and-drop-input, .drag-drop-card__divider.sc-xplor-drag-and-drop-input {\n color: #000000;\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n margin: 0;\n}\n\n.drag-drop-card__action.sc-xplor-drag-and-drop-input {\n position: absolute;\n left: 50%;\n bottom: 0;\n transform: translateX(-50%);\n}\n\n.file-info.sc-xplor-drag-and-drop-input {\n margin-top: 1.5rem;\n}\n\n.file-info__status.sc-xplor-drag-and-drop-input {\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n color: #616161;\n margin: 0 0 0.5rem 0;\n}\n\n.file-info__card.sc-xplor-drag-and-drop-input {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n background-color: #ffffff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n padding: 0.75rem 1rem;\n}\n\n.file-info__icon.sc-xplor-drag-and-drop-input {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 8px;\n background-color: var(--color-secondary-50, #f3e5f5);\n color: var(--color-secondary);\n}\n\n.file-info__details.sc-xplor-drag-and-drop-input {\n flex: 1;\n min-width: 0;\n}\n\n.file-info__name.sc-xplor-drag-and-drop-input {\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n color: #000000;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.file-info__meta.sc-xplor-drag-and-drop-input {\n font-family: Inter, sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n color: var(--color-secondary);\n margin: 0.25rem 0 0 0;\n}\n\n.file-info__progress-row.sc-xplor-drag-and-drop-input {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 0.5rem;\n}\n\n.file-info__progress-bar.sc-xplor-drag-and-drop-input {\n flex: 1;\n height: 6px;\n background-color: #eeeeee;\n border-radius: 3px;\n overflow: hidden;\n}\n\n.file-info__progress-fill.sc-xplor-drag-and-drop-input {\n height: 100%;\n background-color: var(--color-secondary);\n border-radius: 3px;\n transition: width 0.3s ease;\n}\n\n.file-info__progress-text.sc-xplor-drag-and-drop-input {\n font-family: Inter, sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n color: #757575;\n flex-shrink: 0;\n min-width: 32px;\n text-align: right;\n}\n\n.file-info__remove.sc-xplor-drag-and-drop-input {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n border: none;\n background-color: #eeeeee;\n color: #757575;\n cursor: pointer;\n padding: 0;\n transition: background-color 0.2s ease;\n}\n.file-info__remove.sc-xplor-drag-and-drop-input:hover {\n background-color: #e0e0e0;\n color: #424242;\n}\n\n@media (max-width: 768px) {\n .drag-drop-card.sc-xplor-drag-and-drop-input {\n min-height: 140px;\n }\n .drag-drop-card__title.sc-xplor-drag-and-drop-input {\n font-size: 16px;\n line-height: 22px;\n }\n .drag-drop-card__accepts.sc-xplor-drag-and-drop-input, .drag-drop-card__divider.sc-xplor-drag-and-drop-input {\n font-size: 13px;\n line-height: 18px;\n }\n}";const Ln=""+"/"+"";const Mn=class{constructor(r){n(this,r);this.fileSelect=e(this,"fileSelect");this.fileClear=e(this,"fileClear");this.disabled=false;this.accepts=Ln;this.label="Drag and drop your files here";this.browseLabel="Browse Files";this.progress=-1;this.dragover=false;this.currentFile=null;this.onDrop=n=>{var e,r;n.preventDefault();this.dragover=false;if(this.disabled)return;const t=(r=(e=n.dataTransfer)===null\|\|e===void 0?void 0:e.files)===null\|\|r===void 0?void 0:r[0];if(t){this.currentFile=t;this.fileSelect.emit(this.currentFile)}};this.onDragOver=n=>{n.preventDefault();if(!this.disabled){this.dragover=true}};this.onDragEnter=n=>{n.preventDefault();if(!this.disabled){this.dragover=true}};this.onDragLeave=n=>{n.preventDefault();this.dragover=false};this.onFileSelect=n=>{var e;const r=n.target;const t=(e=r.files)===null\|\|e===void 0?void 0:e[0];if(t){this.currentFile=t;this.fileSelect.emit(this.currentFile)}r.value=""};this.openFileDialog=()=>{var n;if(this.disabled){return}(n=this.fileInputEl)===null\|\|n===void 0?void 0:n.click()};this.getAcceptsLabel=()=>{var n;const e=(n=this.accepts)===null\|\|n===void 0?void 0:n.trim();if(!e\|\|e===Ln){return""}return e};this.formatFileSize=n=>{if(n===0)return"0 Bytes";const e=1024;const r=["Bytes","KB","MB","GB"];const t=Math.floor(Math.log(n)/Math.log(e));return parseFloat((n/Math.pow(e,t)).toFixed(2))+" "+r[t]};this.formatDate=n=>{const e=new Date(n);const r=e.getDate();const t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];const o=t[e.getMonth()];const i=e.getFullYear();const a=r===1\|\|r===21\|\|r===31?"st":r===2\|\|r===22?"nd":r===3\|\|r===23?"rd":"th";const l=e.getHours();const s=e.getMinutes().toString().padStart(2,"0");const d=e.getSeconds().toString().padStart(2,"0");const c=l>=12?"PM":"AM";const p=l%12\|\|12;return`${r}${a} ${o} ${i}, ${p}:${s}:${d} ${c}`};this.showProgress=()=>this.progress>=0&&this.progress<=100}async clearCurrentFile(){this.currentFile=null;if(this.fileInputEl){this.fileInputEl.value=""}this.fileClear.emit()}render(){const n=Math.min(Math.max(this.progress,0),100);const e=this.ariaLabel\|\|`${this.label}. Accepted file types: ${this.getAcceptsLabel()}. Or use the ${this.browseLabel} button.`;return r(t,{key:"4ca1a26f1c043761a3bcafebf3ccdf57ec17467b"},r("div",{key:"60c9f55d838820e2d9c087fbb652559944ecfc36",class:"drag-drop-zone"},r("div",{key:"f15e206b7f1e1741f5ee96681e000400e72d66b1",class:{"drag-drop-card":true,"drag-drop-card--dragover":this.dragover,"drag-drop-card--disabled":this.disabled},onDrop:this.onDrop,onDragOver:this.onDragOver,onDragEnter:this.onDragEnter,onDragLeave:this.onDragLeave,role:"region","aria-label":e},r("div",{key:"49325fd7ff2d44a045eba593e2cb3708316a5be4",class:"drag-drop-card__content"},r("svg",{key:"23b8f38df073266201a01ec78a45b1cac924a3e4",class:"drag-drop-card__icon",xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},r("path",{key:"eb1c750d1657fd578cf15c9bc16d5d1885d703e8",d:"M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04Z",fill:"currentColor",opacity:"0.3"}),r("path",{key:"04dc16407d2abd999fbef9cc02346d499644f0a7",d:"M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM14 13V17H10V13H7L12 8L17 13H14Z",fill:"currentColor"})),r("h3",{key:"82c31b56cb5f17445748e0bfb8668caef4ceea59",class:"drag-drop-card__title"},this.label),r("p",{key:"69f3cf01f58dc8f3e2e13782be2a0274f2925a0d",class:"drag-drop-card__accepts"},"Accepted file types: ",this.getAcceptsLabel()),r("p",{key:"0a6221601983e61cb4a0afd4a5178377b59b4ce4",class:"drag-drop-card__divider"},"or"))),r("div",{key:"164c31d1407d492e415a086ae97dc8081a32eccc",class:"drag-drop-card__action"},r("xplor-button",{key:"b47c05a246700472cebc32c551096ad17f12da77",text:this.browseLabel,type:this.disabled?"disabled":"secondary",clickAction:this.openFileDialog,"aria-label":this.browseLabel}))),this.currentFile&&r("div",{key:"6e74d72d3545bc85f91a6d55865743bde26eba78",class:"file-info","aria-live":"polite"},this.showProgress()&&r("p",{key:"7884acf7b14ddcd052a11b53131e6fea03c0376d",class:"file-info__status"},"Uploading ",this.progress===100?"1":"0"," / 1"),r("div",{key:"980b31adfde06383bdbe9d03f868a9cf907c83f8",class:"file-info__card"},r("div",{key:"c9ed4fc96a229e748a461d788ed60a8b7c693f7c",class:"file-info__icon","aria-hidden":"true"},r("svg",{key:"1749fafd0495beacdbbf2f89b2cf62c2530101db",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor"},r("path",{key:"1b114d4b5b0f055534ba5f6a476d413600829c74",d:"M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2ZM6 20V4H13V9H18V20H6Z"}))),r("div",{key:"45608139178d2d821a6aeb39d75b1aa4117ca12a",class:"file-info__details"},r("p",{key:"66df2443dd4dd310891e30f78ccd007df726afd3",class:"file-info__name"},this.currentFile.name),r("p",{key:"f8efc8b19987c88e7ff7de242b7ad3df4ff5962e",class:"file-info__meta"},this.formatFileSize(this.currentFile.size),this.currentFile.lastModified?` \| Last modified: ${this.formatDate(this.currentFile.lastModified)}`:""),this.showProgress()&&r("div",{key:"eb384d34fcb7908a39bb3dd1520389f8bc35a8fd",class:"file-info__progress-row"},r("div",{key:"bbfb481fa86247c231db4c7505009d1a991c85d2",class:"file-info__progress-bar",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":`Upload progress: ${Math.round(n)}%`},r("div",{key:"8b93dcc26a1497783c4ef832b75c202e639a04ff",class:"file-info__progress-fill",style:{width:`${n}%`}})),r("span",{key:"a429605ee278d74660a717bc04765ca21af60f64",class:"file-info__progress-text","aria-hidden":"true"},Math.round(this.progress),"%"))),r("button",{key:"5ede3c138b788270b45a053ccf2504a35a5037ed",class:"file-info__remove",onClick:()=>this.clearCurrentFile(),"aria-label":`Remove file ${this.currentFile.name}`},r("svg",{key:"0a5c03471e01b7f59dadaff6c8ea08b746c8c4c2",xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},r("path",{key:"29a950f57d7a7d9aa74262f64fc055d8230e4453",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12Z"}))))),r("input",{key:"437111b2dbd80a8aaf1a2a4105bc8298431b2b95",id:"drag-drop-file-select",type:"file",disabled:this.disabled,accept:this.accepts,class:"drag-drop-input-hidden",ref:n=>this.fileInputEl=n,onChange:this.onFileSelect,"aria-label":`${this.browseLabel} - ${this.label}`,tabindex:-1}))}};Mn.style=Tn;const $n="/ on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme='office'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n:host {\n display: block;\n}\n\n.xplor-dropdown {\n display: block;\n cursor: pointer;\n margin-right: 10px;\n border: 1px solid;\n border-radius: 1rem;\n font-size: 14px;\n font-weight: 500;\n -webkit-box-pack: center;\n letter-spacing: 0.75px;\n height: 45px;\n text-align: center;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}";const Fn=class{constructor(e){n(this,e)}render(){return r(t,{key:"bfd5bc76c18f4c7882ec47389978338eec81b1d1"},r("select",{key:"54310c80fdda944ca6d9cc8faaf643e79d4a5f32",class:"xplor-dropdown",onChange:this.handleChange},this.options.map((n=>r("option",{value:n,selected:this.selected===n},n)))))}};Fn.style=$n;const Dn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-expansion-panel {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-expansion-panel {\n width: 600px !important;\n }\n}\nh1.sc-xplor-expansion-panel {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-expansion-panel {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-expansion-panel {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-expansion-panel {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-expansion-panel, ul.sc-xplor-expansion-panel {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-expansion-panel li.sc-xplor-expansion-panel, ul.sc-xplor-expansion-panel li.sc-xplor-expansion-panel {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-expansion-panel, ul.mdc-list.sc-xplor-expansion-panel {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-expansion-panel li.mdc-list-item.sc-xplor-expansion-panel, ul.mdc-list.sc-xplor-expansion-panel li.mdc-list-item.sc-xplor-expansion-panel {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-expansion-panel {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-expansion-panel {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-expansion-panel {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-expansion-panel {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-expansion-panel .mdc-text-field--outlined.sc-xplor-expansion-panel .mdc-notched-outline__notch.sc-xplor-expansion-panel {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-expansion-panel .mdc-notched-outline__notch.sc-xplor-expansion-panel {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-expansion-panel .mdc-notched-outline.sc-xplor-expansion-panel .mdc-notched-outline__notch.sc-xplor-expansion-panel {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-expansion-panel {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-expansion-panel:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-expansion-panel {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-expansion-panel-h {\n display: block;\n}\n\n.expansion-panel.sc-xplor-expansion-panel {\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n overflow: hidden;\n}\n.expansion-panel.sc-xplor-expansion-panel + .expansion-panel.sc-xplor-expansion-panel {\n margin-top: -1px;\n}\n.expansion-panel--disabled.sc-xplor-expansion-panel {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.expansion-panel__header.sc-xplor-expansion-panel {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 1.5rem;\n background-color: #f5f5f5;\n border: none;\n cursor: pointer;\n text-align: left;\n transition: background-color 0.2s;\n font-family: inherit;\n font-size: inherit;\n}\n.expansion-panel__header.sc-xplor-expansion-panel:hover:not(:disabled) {\n background-color: #eeeeee;\n}\n.expansion-panel__header.sc-xplor-expansion-panel:focus {\n outline: 2px solid #1976d2;\n outline-offset: -2px;\n}\n.expansion-panel__header.sc-xplor-expansion-panel:disabled {\n cursor: not-allowed;\n}\n\n.expansion-panel__header-content.sc-xplor-expansion-panel {\n flex: 1;\n font-weight: 500;\n}\n\n.expansion-panel__icon.sc-xplor-expansion-panel {\n display: inline-block;\n transition: transform 0.3s ease;\n font-size: 0.75rem;\n margin-left: 0.5rem;\n}\n.expansion-panel__icon--open.sc-xplor-expansion-panel {\n transform: rotate(180deg);\n}\n\n.expansion-panel__content.sc-xplor-expansion-panel {\n overflow: hidden;\n transition: max-height 0.3s ease;\n background-color: #fff;\n}\n\n.expansion-panel__content-inner.sc-xplor-expansion-panel {\n padding: 1rem 1.5rem;\n}";let An=0;const Pn=class{constructor(r){n(this,r);this.xplorPanelToggle=e(this,"xplorPanelToggle");this.disabled=false;this.open=false;this.contentHeight=0;this.handleToggle=()=>{if(this.disabled)return;this.open=!this.open;this.xplorPanelToggle.emit({id:this.panelId,isOpen:this.open});setTimeout((()=>this.updateContentHeight()),0)}}componentWillLoad(){this.panelId=`panel-${An++}`}componentDidLoad(){this.updateContentHeight()}updateContentHeight(){if(this.contentEl){this.contentHeight=this.contentEl.scrollHeight}}render(){return r(t,{key:"f2b19e6a1ad6315341e0840e2c000a1123caa7e0"},r("div",{key:"1cb9ca368efb2f9e16c64c3987546f3d16981a2b",class:{"expansion-panel":true,"expansion-panel--open":this.open,"expansion-panel--disabled":this.disabled}},r("button",{key:"5c2b82b2f13395137413e7f86160ac132c44b7ee",class:"expansion-panel__header",onClick:this.handleToggle,disabled:this.disabled,"aria-expanded":this.open?"true":"false","aria-controls":`${this.panelId}-content`,type:"button"},r("div",{key:"c1534981f842b0b7d75a6c8135a12fb6f209639c",class:"expansion-panel__header-content"},r("slot",{key:"01c5a0a1dfacdf730ec82dc0a09916d159d1c016",name:"header"})),r("span",{key:"f82ea607638e601be6b956f9ad5c6d31d6461ec6",class:{"expansion-panel__icon":true,"expansion-panel__icon--open":this.open}},"▼")),r("div",{key:"385abb97450d912cda5fbd3bc5a5e48ea8ce8a0d",class:"expansion-panel__content",id:`${this.panelId}-content`,role:"region","aria-labelledby":this.panelId,style:{maxHeight:this.open?`${this.contentHeight}px`:"0"}},r("div",{key:"12c32ef07b6084b8528bf4800101afe0707adf05",class:"expansion-panel__content-inner",ref:n=>this.contentEl=n},r("slot",{key:"a18755879b94fc09948ed8128d73cfb3b0639885"})))))}get el(){return o(this)}};Pn.style=Dn;const On="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-expansion-panels {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-expansion-panels {\n width: 600px !important;\n }\n}\nh1.sc-xplor-expansion-panels {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-expansion-panels {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-expansion-panels {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-expansion-panels {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-expansion-panels, ul.sc-xplor-expansion-panels {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-expansion-panels li.sc-xplor-expansion-panels, ul.sc-xplor-expansion-panels li.sc-xplor-expansion-panels {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-expansion-panels, ul.mdc-list.sc-xplor-expansion-panels {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-expansion-panels li.mdc-list-item.sc-xplor-expansion-panels, ul.mdc-list.sc-xplor-expansion-panels li.mdc-list-item.sc-xplor-expansion-panels {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-expansion-panels {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-expansion-panels {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-expansion-panels {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-expansion-panels {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-expansion-panels .mdc-text-field--outlined.sc-xplor-expansion-panels .mdc-notched-outline__notch.sc-xplor-expansion-panels {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-expansion-panels .mdc-notched-outline__notch.sc-xplor-expansion-panels {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-expansion-panels .mdc-notched-outline.sc-xplor-expansion-panels .mdc-notched-outline__notch.sc-xplor-expansion-panels {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-expansion-panels {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-expansion-panels:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-expansion-panels {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-expansion-panels-h {\n display: block;\n}\n\n.expansion-panels.sc-xplor-expansion-panels {\n display: flex;\n flex-direction: column;\n gap: 0;\n}";const En=class{constructor(e){n(this,e);this.value=[];this.multiple=false;this.accordion=true;this.openPanels=new Set}componentWillLoad(){if(Array.isArray(this.value)){this.openPanels=new Set(this.value)}else if(this.value){this.openPanels=new Set([this.value])}}handlePanelToggle(n){n.stopPropagation();const{id:e,isOpen:r}=n.detail;if(r){if(this.multiple){this.openPanels=new Set([...this.openPanels,e])}else{this.openPanels=new Set([e])}}else{const n=new Set(this.openPanels);n.delete(e);this.openPanels=n}this.value=this.multiple?Array.from(this.openPanels):Array.from(this.openPanels)[0]\|\|""}render(){return r(t,{key:"c55c8eef4f6f134c83f2f8dffcb434401596a095"},r("div",{key:"d29c006de658c679ce5cfa2a465b9e5756b8bba5",class:"expansion-panels","aria-label":"Accordion"},r("slot",{key:"32560ca5fa3b041e6e1f5f8011df9fef8f50cc6f"})))}};En.style=On;const Bn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-file-upload {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-file-upload {\n width: 600px !important;\n }\n}\nh1.sc-xplor-file-upload {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-file-upload {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-file-upload {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-file-upload {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-file-upload, ul.sc-xplor-file-upload {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-file-upload li.sc-xplor-file-upload, ul.sc-xplor-file-upload li.sc-xplor-file-upload {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-file-upload, ul.mdc-list.sc-xplor-file-upload {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-file-upload li.mdc-list-item.sc-xplor-file-upload, ul.mdc-list.sc-xplor-file-upload li.mdc-list-item.sc-xplor-file-upload {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-file-upload {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-file-upload {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-file-upload {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-file-upload {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-file-upload .mdc-text-field--outlined.sc-xplor-file-upload .mdc-notched-outline__notch.sc-xplor-file-upload {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-file-upload .mdc-notched-outline__notch.sc-xplor-file-upload {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-file-upload .mdc-notched-outline.sc-xplor-file-upload .mdc-notched-outline__notch.sc-xplor-file-upload {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-file-upload {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-file-upload:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-file-upload {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-file-upload-h {\n display: block;\n}\n\n.file-upload.sc-xplor-file-upload {\n width: 100%;\n}\n\n.file-upload__dropzone.sc-xplor-file-upload {\n border: 2px dashed #bdbdbd;\n border-radius: 8px;\n padding: 2rem;\n text-align: center;\n transition: all 0.2s ease;\n background-color: #fafafa;\n cursor: pointer;\n position: relative;\n}\n.file-upload__dropzone.sc-xplor-file-upload:hover:not(.file-upload__dropzone--disabled) {\n border-color: #1976d2;\n background-color: #f0f7ff;\n}\n.file-upload__dropzone--dragging.sc-xplor-file-upload {\n border-color: #1976d2;\n background-color: #e3f2fd;\n transform: scale(1.02);\n}\n.file-upload__dropzone--disabled.sc-xplor-file-upload {\n opacity: 0.6;\n cursor: not-allowed;\n background-color: #f5f5f5;\n}\n\n.file-upload__input.sc-xplor-file-upload {\n position: absolute;\n width: 1px;\n height: 1px;\n opacity: 0;\n pointer-events: none;\n}\n\n.file-upload__content.sc-xplor-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n}\n\n.file-upload__icon.sc-xplor-file-upload {\n color: #757575;\n}\n\n.file-upload__text.sc-xplor-file-upload {\n font-size: 1rem;\n color: #424242;\n margin: 0;\n}\n\n.file-upload__button.sc-xplor-file-upload {\n background: none;\n border: none;\n color: #1976d2;\n text-decoration: underline;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n padding: 0;\n transition: color 0.2s;\n}\n.file-upload__button.sc-xplor-file-upload:hover:not(:disabled) {\n color: #1565c0;\n}\n.file-upload__button.sc-xplor-file-upload:disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.file-upload__hint.sc-xplor-file-upload {\n font-size: 0.875rem;\n color: #757575;\n margin: 0;\n}\n\n.file-upload__error.sc-xplor-file-upload {\n margin-top: 0.5rem;\n padding: 0.75rem;\n background-color: #ffebee;\n color: #c62828;\n border-radius: 4px;\n font-size: 0.875rem;\n border-left: 4px solid #f44336;\n}\n\n.file-upload__files.sc-xplor-file-upload {\n margin-top: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.file-upload__file.sc-xplor-file-upload {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0.75rem;\n background-color: #f5f5f5;\n border-radius: 4px;\n border: 1px solid #e0e0e0;\n}\n\n.file-upload__preview.sc-xplor-file-upload {\n width: 48px;\n height: 48px;\n object-fit: cover;\n border-radius: 4px;\n flex-shrink: 0;\n}\n\n.file-upload__file-info.sc-xplor-file-upload {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n min-width: 0;\n}\n\n.file-upload__file-name.sc-xplor-file-upload {\n font-size: 0.875rem;\n font-weight: 500;\n color: #212121;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.file-upload__file-size.sc-xplor-file-upload {\n font-size: 0.75rem;\n color: #757575;\n}\n\n.file-upload__remove.sc-xplor-file-upload {\n background: none;\n border: none;\n font-size: 1.5rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n width: 2rem;\n height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 4px;\n transition: all 0.2s;\n flex-shrink: 0;\n}\n.file-upload__remove.sc-xplor-file-upload:hover {\n background-color: #ffebee;\n color: #f44336;\n}\n.file-upload__remove.sc-xplor-file-upload:focus {\n outline: 2px solid #1976d2;\n outline-offset: 2px;\n}";const Hn=""+"/"+"";const qn=class{constructor(r){n(this,r);this.xplorFileAdd=e(this,"xplorFileAdd");this.xplorFileRemove=e(this,"xplorFileRemove");this.xplorError=e(this,"xplorError");this.accepts=Hn;this.maxSize=1010241024;this.multiple=false;this.disabled=false;this.showPreview=true;this.label="Upload Files";this.files=[];this.isDragging=false;this.error="";this.handleFileSelect=n=>{const e=n.target;if(e.files){this.processFiles(Array.from(e.files))}};this.handleDragOver=n=>{n.preventDefault();if(!this.disabled){this.isDragging=true}};this.handleDragLeave=n=>{n.preventDefault();this.isDragging=false};this.handleDrop=n=>{var e;n.preventDefault();this.isDragging=false;if(this.disabled)return;if((e=n.dataTransfer)===null\|\|e===void 0?void 0:e.files){this.processFiles(Array.from(n.dataTransfer.files))}};this.handleRemoveFile=n=>{this.files=this.files.filter((e=>e.id!==n.id));this.xplorFileRemove.emit(n)};this.handleButtonClick=()=>{if(!this.disabled&&this.fileInputEl){this.fileInputEl.click()}}}processFiles(n){this.error="";const e=[];for(const r of n){if(r.size>this.maxSize){const n=(this.maxSize/(10241024)).toFixed(2);this.error=`File "${r.name}" exceeds maximum size of ${n}MB`;this.xplorError.emit(this.error);continue}if(this.accepts!=="/"){const n=this.accepts.split(",").map((n=>n.trim()));const e=`.${r.name.split(".").pop()}`;const t=n.some((n=>{if(n.endsWith("/")){return r.type.startsWith(n.replace("/",""))}return n===r.type\|\|n===e}));if(!t){this.error=`File type "${r.type}" is not accepted`;this.xplorError.emit(this.error);continue}}const n={file:r,id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,name:r.name,size:r.size,type:r.type};if(this.showPreview&&r.type.startsWith("image/")){const e=new FileReader;e.onload=e=>{var r;n.dataUrl=(r=e.target)===null\|\|r===void 0?void 0:r.result;this.files=[...this.files]};e.readAsDataURL(r)}e.push(n)}if(e.length>0){if(this.multiple){this.files=[...this.files,...e]}else{this.files=[e[0]]}this.xplorFileAdd.emit(e)}if(this.fileInputEl){this.fileInputEl.value=""}}formatFileSize(n){if(n===0)return"0 Bytes";const e=1024;const r=["Bytes","KB","MB","GB"];const t=Math.floor(Math.log(n)/Math.log(e));return Math.round(n/Math.pow(e,t)100)/100+" "+r[t]}render(){return r(t,{key:"9c3ad81ff741fe6324a5e8af562c740965024df1"},r("div",{key:"b0b9bb545ce5a4e74c38bc6b49f7681f6e10dd89",class:"file-upload"},r("div",{key:"791a95676b8e640b7dbd84b6ccf95627e5a10d7e",class:{"file-upload__dropzone":true,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--disabled":this.disabled},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,"aria-label":`Drop zone for file upload. ${this.accepts!=="/"?`Accepts: ${this.accepts}.`:""} Maximum size: ${this.formatFileSize(this.maxSize)}`},r("input",{key:"c2b392d7fdd995819bceec3fa6122f457d78c2a4",ref:n=>this.fileInputEl=n,type:"file",accept:this.accepts,multiple:this.multiple,disabled:this.disabled,onChange:this.handleFileSelect,class:"file-upload__input"}),r("div",{key:"33e9ca40b7db3df954ea7221104a5191807ff05a",class:"file-upload__content"},r("svg",{key:"84c718d713b36dd0b227a234c9b05f7a54bfeb02",class:"file-upload__icon",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none"},r("path",{key:"21c50cf95b559252a2604352a6d14b0b051d5480",d:"M12 15V3M12 3L8 7M12 3L16 7",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),r("path",{key:"51d16f53f6553d9df2348e10f163b174efb61913",d:"M2 17L2 19C2 20.1046 2.89543 21 4 21L20 21C21.1046 21 22 20.1046 22 19L22 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})),r("p",{key:"854efe384b8f181d5200d959db6633a6492c28f1",class:"file-upload__text"},"Drag & drop files here or"," ",r("button",{key:"e83a3a2f6e6caee30173579c6397edacd6e1c8a8",type:"button",class:"file-upload__button",onClick:this.handleButtonClick,disabled:this.disabled},this.label)),r("p",{key:"a667e6665ce619f854c247626454efad11131568",class:"file-upload__hint"},"Max size: ",this.formatFileSize(this.maxSize),this.accepts!=="/"&&` • Accepts: ${this.accepts}`))),this.error&&r("div",{key:"872a3eceb9eebbd35a06c0d841cf486e13bd48ea",class:"file-upload__error",role:"alert"},this.error),this.files.length>0&&r("div",{key:"15cc50322682fd1d555d313d089f18f92bfbb77d",class:"file-upload__files"},this.files.map((n=>r("div",{key:n.id,class:"file-upload__file"},n.dataUrl&&r("img",{src:n.dataUrl,alt:n.name,class:"file-upload__preview"}),r("div",{class:"file-upload__file-info"},r("span",{class:"file-upload__file-name",title:n.name},n.name),r("span",{class:"file-upload__file-size"},this.formatFileSize(n.size))),r("button",{type:"button",class:"file-upload__remove",onClick:()=>this.handleRemoveFile(n),"aria-label":`Remove ${n.name}`},"×")))))))}};qn.style=Bn;const Rn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-inline-checkbox {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-inline-checkbox {\n width: 600px !important;\n }\n}\nh1.sc-xplor-inline-checkbox {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-inline-checkbox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-inline-checkbox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-inline-checkbox {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-inline-checkbox, ul.sc-xplor-inline-checkbox {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-inline-checkbox li.sc-xplor-inline-checkbox, ul.sc-xplor-inline-checkbox li.sc-xplor-inline-checkbox {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-inline-checkbox, ul.mdc-list.sc-xplor-inline-checkbox {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-inline-checkbox li.mdc-list-item.sc-xplor-inline-checkbox, ul.mdc-list.sc-xplor-inline-checkbox li.mdc-list-item.sc-xplor-inline-checkbox {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-inline-checkbox {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-inline-checkbox {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-inline-checkbox {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-inline-checkbox {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-inline-checkbox .mdc-text-field--outlined.sc-xplor-inline-checkbox .mdc-notched-outline__notch.sc-xplor-inline-checkbox {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-inline-checkbox .mdc-notched-outline__notch.sc-xplor-inline-checkbox {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-inline-checkbox .mdc-notched-outline.sc-xplor-inline-checkbox .mdc-notched-outline__notch.sc-xplor-inline-checkbox {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-inline-checkbox {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-inline-checkbox:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-inline-checkbox {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-inline-checkbox-h {\n display: inline-block;\n}\n\n.xplor-inline-checkbox.sc-xplor-inline-checkbox {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n user-select: none;\n}\n.xplor-inline-checkbox__input.sc-xplor-inline-checkbox {\n width: 1.125rem;\n height: 1.125rem;\n cursor: pointer;\n margin: 0;\n flex-shrink: 0;\n}\n.xplor-inline-checkbox__input.sc-xplor-inline-checkbox:disabled {\n cursor: not-allowed;\n opacity: 0.38;\n}\n.xplor-inline-checkbox__label.sc-xplor-inline-checkbox {\n font-size: 1rem;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-inline-checkbox--disabled.sc-xplor-inline-checkbox {\n cursor: not-allowed;\n}\n.xplor-inline-checkbox--disabled.sc-xplor-inline-checkbox .xplor-inline-checkbox__label.sc-xplor-inline-checkbox {\n color: rgba(0, 0, 0, 0.38);\n}";const Vn=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.checked=false;this.color="#008480";this.disabled=false;this.indeterminate=false;this.label="";this.handleChange=n=>{const e=n.target;this.checked=e.checked;this.xplorChange.emit(this.checked)}}render(){const n={"xplor-inline-checkbox":true,"xplor-inline-checkbox--disabled":this.disabled,"xplor-inline-checkbox--checked":this.checked};return r(t,{key:"2273357108dc65e665f9fdd9dcece4d4ed8edac3"},r("label",{key:"630091008ad489a1cc4c0e71ef1ae802ef4b0c89",class:n},r("input",{key:"0c823ba53cb0d25d4823e42bcb037efaeddff405",type:"checkbox",class:"xplor-inline-checkbox__input",checked:this.checked,value:this.value,disabled:this.disabled,indeterminate:this.indeterminate,onChange:this.handleChange,style:{accentColor:this.color}}),this.label&&r("span",{key:"9e1bbb0bd85cc7cfe7d760501507d68dcc3bf3c2",class:"xplor-inline-checkbox__label"},this.label),r("slot",{key:"7a95d78de68af2887149bd6eb9f08330b9c57d6b"})))}};Vn.style=Rn;const Nn='@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-inline-date-picker {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-inline-date-picker {\n width: 600px !important;\n }\n}\nh1.sc-xplor-inline-date-picker {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-inline-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-inline-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-inline-date-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-inline-date-picker, ul.sc-xplor-inline-date-picker {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-inline-date-picker li.sc-xplor-inline-date-picker, ul.sc-xplor-inline-date-picker li.sc-xplor-inline-date-picker {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-inline-date-picker, ul.mdc-list.sc-xplor-inline-date-picker {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-inline-date-picker li.mdc-list-item.sc-xplor-inline-date-picker, ul.mdc-list.sc-xplor-inline-date-picker li.mdc-list-item.sc-xplor-inline-date-picker {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-inline-date-picker {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-inline-date-picker {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-inline-date-picker {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-inline-date-picker {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-inline-date-picker .mdc-text-field--outlined.sc-xplor-inline-date-picker .mdc-notched-outline__notch.sc-xplor-inline-date-picker {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-inline-date-picker .mdc-notched-outline__notch.sc-xplor-inline-date-picker {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-inline-date-picker .mdc-notched-outline.sc-xplor-inline-date-picker .mdc-notched-outline__notch.sc-xplor-inline-date-picker {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-inline-date-picker {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-inline-date-picker:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-inline-date-picker {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-inline-date-picker-h {\n display: inline-block;\n}\n\n.xplor-inline-date-picker.sc-xplor-inline-date-picker {\n --picker-color: #008480;\n display: flex;\n border-radius: 1rem;\n background-color: white;\n box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);\n overflow: hidden;\n}\n.xplor-inline-date-picker__sidebar.sc-xplor-inline-date-picker {\n background-color: var(--picker-color);\n color: white;\n padding: 1rem;\n min-width: 180px;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.xplor-inline-date-picker__sidebar-year.sc-xplor-inline-date-picker {\n font-size: 0.875rem;\n font-weight: 700;\n}\n.xplor-inline-date-picker__sidebar-day.sc-xplor-inline-date-picker {\n font-size: 1.75rem;\n font-weight: 700;\n}\n.xplor-inline-date-picker__sidebar-date.sc-xplor-inline-date-picker {\n font-size: 1.75rem;\n font-weight: 700;\n}\n.xplor-inline-date-picker__calendar.sc-xplor-inline-date-picker {\n display: flex;\n flex-direction: column;\n width: 320px;\n padding: 1rem;\n}\n.xplor-inline-date-picker__header.sc-xplor-inline-date-picker {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem;\n padding: 0.5rem 0;\n}\n.xplor-inline-date-picker__title.sc-xplor-inline-date-picker {\n font-size: 1rem;\n font-weight: 700;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-inline-date-picker__arrow.sc-xplor-inline-date-picker {\n width: 2rem;\n height: 2rem;\n border: none;\n background: transparent;\n font-size: 1.5rem;\n color: rgba(0, 0, 0, 0.54);\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n}\n.xplor-inline-date-picker__arrow.sc-xplor-inline-date-picker:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-inline-date-picker__arrow.sc-xplor-inline-date-picker:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.xplor-inline-date-picker__weekdays.sc-xplor-inline-date-picker {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0.25rem;\n margin-bottom: 0.5rem;\n}\n.xplor-inline-date-picker__weekday.sc-xplor-inline-date-picker {\n text-align: center;\n font-size: 0.75rem;\n font-weight: 700;\n color: rgba(0, 0, 0, 0.6);\n padding: 0.5rem 0;\n}\n.xplor-inline-date-picker__days.sc-xplor-inline-date-picker {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0.25rem;\n}\n.xplor-inline-date-picker__day.sc-xplor-inline-date-picker {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.875rem;\n font-weight: 500;\n border-radius: 50%;\n cursor: pointer;\n transition: background-color 0.2s ease;\n position: relative;\n}\n.xplor-inline-date-picker__day.sc-xplor-inline-date-picker:not(.xplor-inline-date-picker__day--empty):not(.xplor-inline-date-picker__day--disabled):hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-inline-date-picker__day--empty.sc-xplor-inline-date-picker {\n cursor: default;\n}\n.xplor-inline-date-picker__day--today.sc-xplor-inline-date-picker {\n color: var(--picker-color);\n font-weight: 700;\n}\n.xplor-inline-date-picker__day--today.sc-xplor-inline-date-picker::before {\n content: "";\n position: absolute;\n inset: 0;\n border: 2px solid var(--picker-color);\n border-radius: 50%;\n}\n.xplor-inline-date-picker__day--selected.sc-xplor-inline-date-picker {\n background-color: var(--picker-color);\n color: white;\n font-weight: 700;\n}\n.xplor-inline-date-picker__day--selected.sc-xplor-inline-date-picker:hover {\n background-color: var(--picker-color);\n opacity: 0.9;\n}\n.xplor-inline-date-picker__day--selected.sc-xplor-inline-date-picker::before {\n display: none;\n}\n.xplor-inline-date-picker__day--disabled.sc-xplor-inline-date-picker {\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n[compact].sc-xplor-inline-date-picker-h .xplor-inline-date-picker__sidebar.sc-xplor-inline-date-picker {\n display: none;\n}\n[compact].sc-xplor-inline-date-picker-h .xplor-inline-date-picker__calendar.sc-xplor-inline-date-picker {\n width: 280px;\n}';const Un=class{constructor(t){n(this,t);this.dateSelected=e(this,"dateSelected");this.monthChanged=e(this,"monthChanged");this.selectedDate="";this.min="";this.max="";this.readonly=false;this.color="#008480";this.startWeekOnSunday=true;this.focusedDay=0;this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];this.dayNames=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];this.dayNamesStartMonday=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];this.previousMonth=()=>{if(this.currentMonth===0){this.currentMonth=11;this.currentYear--}else{this.currentMonth--}this.viewDate=new Date(this.currentYear,this.currentMonth,1);this.monthChanged.emit({year:this.currentYear,month:this.currentMonth})};this.nextMonth=()=>{if(this.currentMonth===11){this.currentMonth=0;this.currentYear++}else{this.currentMonth++}this.viewDate=new Date(this.currentYear,this.currentMonth,1);this.monthChanged.emit({year:this.currentYear,month:this.currentMonth})};this.selectDate=n=>{if(this.readonly)return;const e=new Date(this.currentYear,this.currentMonth,n);const r=this.formatDate(e);if(this.isDateDisabled(e))return;this.selectedDate=r;this.dateSelected.emit(r)};this.formatDate=n=>{const e=n.getFullYear();const r=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${e}-${r}-${t}`};this.isDateDisabled=n=>{if(this.min){const e=new Date(this.min);if(n<e)return true}if(this.max){const e=new Date(this.max);if(n>e)return true}return false};this.isToday=n=>{const e=new Date;return n===e.getDate()&&this.currentMonth===e.getMonth()&&this.currentYear===e.getFullYear()};this.isSelected=n=>{if(!this.selectedDate)return false;const e=new Date(this.selectedDate);return n===e.getDate()&&this.currentMonth===e.getMonth()&&this.currentYear===e.getFullYear()};this.getDaysInMonth=()=>new Date(this.currentYear,this.currentMonth+1,0).getDate();this.getFirstDayOfMonth=()=>{const n=new Date(this.currentYear,this.currentMonth,1).getDay();return this.startWeekOnSunday?n:n===0?6:n-1};this.renderCalendarDays=()=>{const n=this.getDaysInMonth();const e=this.getFirstDayOfMonth();const t=[];for(let n=0;n<e;n++){t.push(r("div",{class:"xplor-inline-date-picker__day xplor-inline-date-picker__day--empty"}))}for(let e=1;e<=n;e++){const n=new Date(this.currentYear,this.currentMonth,e);const o=this.isDateDisabled(n);const i=this.isToday(e);const a=this.isSelected(e);t.push(r("div",{class:{"xplor-inline-date-picker__day":true,"xplor-inline-date-picker__day--today":i,"xplor-inline-date-picker__day--selected":a,"xplor-inline-date-picker__day--disabled":o},onClick:()=>!o&&this.selectDate(e),role:"gridcell","aria-selected":a?"true":"false","aria-current":i?"date":undefined,"aria-disabled":o?"true":undefined,tabIndex:e===this.focusedDay?0:-1,"data-day":e},e))}return t};this.getSidebarDate=()=>{const n=this.selectedDate?new Date(this.selectedDate):new Date;const e=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];const r=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return{year:n.getFullYear(),day:e[n.getDay()],date:`${r[n.getMonth()]} ${n.getDate()}`}}}componentWillLoad(){const n=this.selectedDate?new Date(this.selectedDate):new Date;this.currentYear=n.getFullYear();this.currentMonth=n.getMonth();this.viewDate=new Date(this.currentYear,this.currentMonth,1);this.focusedDay=n.getDate()}handleKeyDown(n){const e=this.getDaysInMonth();switch(n.key){case"ArrowLeft":n.preventDefault();if(this.focusedDay>1){this.focusedDay--}else{this.previousMonth();this.focusedDay=this.getDaysInMonth()}break;case"ArrowRight":n.preventDefault();if(this.focusedDay<e){this.focusedDay++}else{this.nextMonth();this.focusedDay=1}break;case"ArrowUp":n.preventDefault();if(this.focusedDay>7){this.focusedDay-=7}else{this.previousMonth();this.focusedDay=this.getDaysInMonth()-(7-this.focusedDay)}break;case"ArrowDown":n.preventDefault();if(this.focusedDay+7<=e){this.focusedDay+=7}else{const n=this.focusedDay+7-e;this.nextMonth();this.focusedDay=n}break;case"Enter":case" ":n.preventDefault();if(this.focusedDay>=1&&this.focusedDay<=e){this.selectDate(this.focusedDay)}break;default:return}requestAnimationFrame((()=>{const n=this.el.querySelector(`[data-day="${this.focusedDay}"]`);if(n)n.focus()}))}render(){const n=this.getSidebarDate();const e=this.startWeekOnSunday?this.dayNames:this.dayNamesStartMonday;return r(t,{key:"80febb025a7aa5f0ca6f1e2370eb4258bee8d248"},r("div",{key:"debf9345ef19400a3eaefeff63e41639e6fd0a81",class:"xplor-inline-date-picker",style:{"--picker-color":this.color}},r("div",{key:"c3580aeec39d5305aa9b03e1198ed98ef7321a5d",class:"xplor-inline-date-picker__sidebar"},r("div",{key:"f657dcf267477af5390386d61aaa01836b3e70a5",class:"xplor-inline-date-picker__sidebar-year"},n.year),r("div",{key:"66283f6555f37ba7100be5af9d21ac3a7c99f3fa",class:"xplor-inline-date-picker__sidebar-day"},n.day,","),r("div",{key:"f479af2fc60e60060a4b43f62b18d1164b762efd",class:"xplor-inline-date-picker__sidebar-date"},n.date)),r("div",{key:"7c60d94c66b60653cd03c0b7e0585bef5cf4fdb0",class:"xplor-inline-date-picker__calendar"},r("div",{key:"ac94d2e0c42be967c28af3fa2ccad0316f7220a6",class:"xplor-inline-date-picker__header"},r("button",{key:"02ab5127e6d25a6832277997177ae760f9e3e602",type:"button",class:"xplor-inline-date-picker__arrow",onClick:this.previousMonth,"aria-label":"Previous month"},"‹"),r("div",{key:"11ec1328d212eea25df1d30e5608ac744a91a74b",class:"xplor-inline-date-picker__title"},this.monthNames[this.currentMonth]," ",this.currentYear),r("button",{key:"40a7d69baca4784254fbde45a5b2488c6ee94c2c",type:"button",class:"xplor-inline-date-picker__arrow",onClick:this.nextMonth,"aria-label":"Next month"},"›")),r("div",{key:"ee2b65a6d095192b41c1f2f81dc326fee817ddda",class:"xplor-inline-date-picker__weekdays"},e.map((n=>r("div",{class:"xplor-inline-date-picker__weekday"},n)))),r("div",{key:"a789c627f00ff649d40fe099b53fa35bc561a148",class:"xplor-inline-date-picker__days",role:"grid"},this.renderCalendarDays()))))}get el(){return o(this)}};Un.style=Nn;const Wn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-inline-switch {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-inline-switch {\n width: 600px !important;\n }\n}\nh1.sc-xplor-inline-switch {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-inline-switch {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-inline-switch {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-inline-switch {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-inline-switch, ul.sc-xplor-inline-switch {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-inline-switch li.sc-xplor-inline-switch, ul.sc-xplor-inline-switch li.sc-xplor-inline-switch {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-inline-switch, ul.mdc-list.sc-xplor-inline-switch {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-inline-switch li.mdc-list-item.sc-xplor-inline-switch, ul.mdc-list.sc-xplor-inline-switch li.mdc-list-item.sc-xplor-inline-switch {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-inline-switch {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-inline-switch {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-inline-switch {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-inline-switch {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-inline-switch .mdc-text-field--outlined.sc-xplor-inline-switch .mdc-notched-outline__notch.sc-xplor-inline-switch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-inline-switch .mdc-notched-outline__notch.sc-xplor-inline-switch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-inline-switch .mdc-notched-outline.sc-xplor-inline-switch .mdc-notched-outline__notch.sc-xplor-inline-switch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-inline-switch {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-inline-switch:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-inline-switch {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-inline-switch-h {\n display: inline-block;\n}\n\n.xplor-inline-switch.sc-xplor-inline-switch {\n --switch-color: #008480;\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n cursor: pointer;\n user-select: none;\n}\n.xplor-inline-switch__input.sc-xplor-inline-switch {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n.xplor-inline-switch__input.sc-xplor-inline-switch:disabled {\n cursor: not-allowed;\n}\n.xplor-inline-switch__track.sc-xplor-inline-switch {\n position: relative;\n width: 2.25rem;\n height: 1.25rem;\n background-color: rgba(0, 0, 0, 0.38);\n border-radius: 0.625rem;\n transition: background-color 0.2s ease;\n flex-shrink: 0;\n}\n.xplor-inline-switch__thumb.sc-xplor-inline-switch {\n position: absolute;\n top: 0.125rem;\n left: 0.125rem;\n width: 1rem;\n height: 1rem;\n background-color: white;\n border-radius: 50%;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n.xplor-inline-switch__label.sc-xplor-inline-switch {\n font-size: 1rem;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-inline-switch--checked.sc-xplor-inline-switch .xplor-inline-switch__track.sc-xplor-inline-switch {\n background-color: var(--switch-color);\n}\n.xplor-inline-switch--checked.sc-xplor-inline-switch .xplor-inline-switch__thumb.sc-xplor-inline-switch {\n transform: translateX(1rem);\n}\n.xplor-inline-switch--disabled.sc-xplor-inline-switch {\n cursor: not-allowed;\n opacity: 0.6;\n}\n.xplor-inline-switch--disabled.sc-xplor-inline-switch .xplor-inline-switch__track.sc-xplor-inline-switch {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.xplor-inline-switch--disabled.sc-xplor-inline-switch .xplor-inline-switch__label.sc-xplor-inline-switch {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-inline-switch--disabled.xplor-inline-switch--checked.sc-xplor-inline-switch .xplor-inline-switch__track.sc-xplor-inline-switch {\n background-color: var(--switch-color);\n opacity: 0.5;\n}\n.xplor-inline-switch--disabled.xplor-inline-switch--checked.sc-xplor-inline-switch .xplor-inline-switch__thumb.sc-xplor-inline-switch {\n background-color: white;\n}\n.xplor-inline-switch.sc-xplor-inline-switch:not(.xplor-inline-switch--disabled):hover .xplor-inline-switch__thumb.sc-xplor-inline-switch {\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n}\n.xplor-inline-switch__input.sc-xplor-inline-switch:focus + .xplor-inline-switch__track.sc-xplor-inline-switch {\n outline: 2px solid var(--switch-color);\n outline-offset: 2px;\n}";const Kn=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.checked=false;this.color="#008480";this.disabled=false;this.label="";this.handleChange=n=>{const e=n.target;this.checked=e.checked;this.xplorChange.emit(this.checked)}}render(){const n={"xplor-inline-switch":true,"xplor-inline-switch--disabled":this.disabled,"xplor-inline-switch--checked":this.checked};return r(t,{key:"d881ff0653ee51f1ddc8c146ccc6f70f3c128e3b"},r("label",{key:"2ffe4cdf99f925c5973657769f056cffb8bea283",class:n,style:{"--switch-color":this.color}},r("input",{key:"60fb990d1dce371c3579da91bd0d9fd4dd50f82b",type:"checkbox",class:"xplor-inline-switch__input",checked:this.checked,value:this.value,disabled:this.disabled,onChange:this.handleChange}),r("span",{key:"28e9f5444653009f4b56d510c2d73ba710e93115",class:"xplor-inline-switch__track"},r("span",{key:"f002449aa843c0b268dbc38d94dbf44a0e68d0de",class:"xplor-inline-switch__thumb"})),this.label&&r("span",{key:"f460d55e6cbaab94806c8025a1d17cd4d4b6790b",class:"xplor-inline-switch__label"},this.label),r("slot",{key:"59e3248368aab93dd48287f3facdbe9221a39f5b"})))}};Kn.style=Wn;const Zn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-file {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-file {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-file {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-file {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-file {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-file {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-file, ul.sc-xplor-input-file {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-file li.sc-xplor-input-file, ul.sc-xplor-input-file li.sc-xplor-input-file {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-file, ul.mdc-list.sc-xplor-input-file {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-file li.mdc-list-item.sc-xplor-input-file, ul.mdc-list.sc-xplor-input-file li.mdc-list-item.sc-xplor-input-file {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-file {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-file {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-file {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-file {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-file .mdc-text-field--outlined.sc-xplor-input-file .mdc-notched-outline__notch.sc-xplor-input-file {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-file .mdc-notched-outline__notch.sc-xplor-input-file {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-file .mdc-notched-outline.sc-xplor-input-file .mdc-notched-outline__notch.sc-xplor-input-file {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-file {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-file:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-file {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-file-h {\n display: block;\n}\n\n.xplor-input-file.sc-xplor-input-file {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.xplor-input-file__label.sc-xplor-input-file {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.xplor-input-file__field.sc-xplor-input-file {\n position: relative;\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n background-color: white;\n cursor: pointer;\n transition: border-color 0.2s ease;\n gap: 0.75rem;\n}\n.xplor-input-file__field.sc-xplor-input-file:hover:not(.xplor-input-file--disabled .xplor-input-file__field) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-file__field.sc-xplor-input-file:focus-within {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.xplor-input-file--disabled.sc-xplor-input-file .xplor-input-file__field.sc-xplor-input-file {\n background-color: rgba(0, 0, 0, 0.04);\n cursor: not-allowed;\n}\n.xplor-input-file--disabled.sc-xplor-input-file .xplor-input-file__placeholder.sc-xplor-input-file, .xplor-input-file--disabled.sc-xplor-input-file .xplor-input-file__icon.sc-xplor-input-file {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-file__icon.sc-xplor-input-file {\n font-size: 1.25rem;\n color: rgba(0, 0, 0, 0.54);\n flex-shrink: 0;\n}\n.xplor-input-file__content.sc-xplor-input-file {\n flex: 1;\n min-width: 0;\n}\n.xplor-input-file__placeholder.sc-xplor-input-file {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-file__chips.sc-xplor-input-file {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n align-items: center;\n}\n.xplor-input-file__chip.sc-xplor-input-file {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.75rem;\n background-color: #673AB7;\n color: white;\n border-radius: 1rem;\n font-size: 0.875rem;\n max-width: 100%;\n}\n.xplor-input-file__chip-text.sc-xplor-input-file {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.xplor-input-file__chip-size.sc-xplor-input-file {\n font-size: 0.75rem;\n opacity: 0.8;\n white-space: nowrap;\n}\n.xplor-input-file__additional.sc-xplor-input-file {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-left: 0.5rem;\n}\n.xplor-input-file__clear.sc-xplor-input-file {\n position: relative;\n width: 1.5rem;\n height: 1.5rem;\n border: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n flex-shrink: 0;\n}\n.xplor-input-file__clear.sc-xplor-input-file:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-input-file__clear.sc-xplor-input-file:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.xplor-input-file__input.sc-xplor-input-file {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.xplor-input-file__input.sc-xplor-input-file:disabled {\n cursor: not-allowed;\n}\n.xplor-input-file__counter.sc-xplor-input-file {\n font-size: 0.75rem;\n color: rgba(0, 0, 0, 0.6);\n padding: 0 1rem;\n}";let Jn=0;const Yn=class{constructor(r){n(this,r);this.attach=e(this,"attach");this.xplorClear=e(this,"xplorClear");this.inputId=`xplor-input-file-${++Jn}`;this.label="";this.placeholder="Choose file(s)";this.color="#008480";this.disabled=false;this.multiple=false;this.accept="";this.maxChips=1;this.counter=true;this.showSize=1e3;this.prependInnerIcon="📎";this.selectedFiles=[];this.handleFileChange=n=>{const e=n.target;if(e.files){this.selectedFiles=Array.from(e.files);this.attach.emit(this.selectedFiles)}};this.handleClear=()=>{this.selectedFiles=[];if(this.fileInputRef){this.fileInputRef.value=""}this.xplorClear.emit()};this.formatFileSize=n=>{if(n===0)return"0 Bytes";const e=1024;const r=["Bytes","KB","MB","GB"];const t=Math.floor(Math.log(n)/Math.log(e));return Math.round(n/Math.pow(e,t)100)/100+" "+r[t]}}render(){const n={"xplor-input-file":true,"xplor-input-file--disabled":this.disabled};const e=this.selectedFiles.slice(0,this.maxChips);const o=this.selectedFiles.length-this.maxChips;return r(t,{key:"f4cdb8be9b2a73258a308e31c07f9a8077ae39c8"},r("div",{key:"3a43a67ebb7354d1965b808d5252c70939fa917e",class:n},this.label&&r("label",{key:"03a177574387efc0a1a7aa3ea05c1425d18a0db9",class:"xplor-input-file__label",htmlFor:this.inputId},this.label),r("div",{key:"ca9c5943b0471244343e507955352af0b72eab76",class:"xplor-input-file__field"},r("span",{key:"4570d02fbed6e939b153a69ca444cf4c2be7230f",class:"xplor-input-file__icon"},this.prependInnerIcon),r("div",{key:"408231a07d2ccbdca8e57a7ae36de017f01940bc",class:"xplor-input-file__content"},this.selectedFiles.length===0?r("span",{class:"xplor-input-file__placeholder"},this.placeholder):r("div",{class:"xplor-input-file__chips"},e.map((n=>r("div",{class:"xplor-input-file__chip",key:n.name},r("span",{class:"xplor-input-file__chip-text"},n.name),this.showSize&&n.size&&r("span",{class:"xplor-input-file__chip-size"},"(",this.formatFileSize(n.size),")")))),o>0&&r("span",{class:"xplor-input-file__additional"},"+",o," additional file",o>1?"s":""))),this.selectedFiles.length>0&&!this.disabled&&r("button",{key:"da690e16f90d31d9def263a69d4ceef18e185aab",type:"button",class:"xplor-input-file__clear",onClick:this.handleClear,"aria-label":"Clear"},"✕"),r("input",{key:"f72a3b3295ce47aa4dcad63751f12256fcc20c01",id:this.inputId,ref:n=>this.fileInputRef=n,type:"file",class:"xplor-input-file__input",multiple:this.multiple,accept:this.accept,disabled:this.disabled,onChange:this.handleFileChange,"aria-label":this.label\|\|"Choose file"})),this.counter&&this.selectedFiles.length>0&&r("div",{key:"495dd2d0314549a384085706df7f2ab722169edf",class:"xplor-input-file__counter"},this.selectedFiles.length," file",this.selectedFiles.length>1?"s":""," selected")))}};Yn.style=Zn;const Xn="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-search {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-search {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-search {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-search {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-search {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-search {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-search, ul.sc-xplor-input-search {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-search li.sc-xplor-input-search, ul.sc-xplor-input-search li.sc-xplor-input-search {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-search, ul.mdc-list.sc-xplor-input-search {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-search li.mdc-list-item.sc-xplor-input-search, ul.mdc-list.sc-xplor-input-search li.mdc-list-item.sc-xplor-input-search {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-search {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-search {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-search {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-search {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-search .mdc-text-field--outlined.sc-xplor-input-search .mdc-notched-outline__notch.sc-xplor-input-search {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-search .mdc-notched-outline__notch.sc-xplor-input-search {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-search .mdc-notched-outline.sc-xplor-input-search .mdc-notched-outline__notch.sc-xplor-input-search {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-search {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-search:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-search {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-search-h {\n display: block;\n}\n\n.xplor-input-search.sc-xplor-input-search {\n display: flex;\n flex-direction: column;\n}\n.xplor-input-search__field.sc-xplor-input-search {\n position: relative;\n display: flex;\n align-items: center;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n background-color: white;\n transition: border-color 0.2s ease;\n padding-right: 0.375rem;\n}\n.xplor-input-search__field.sc-xplor-input-search:hover:not(.xplor-input-search--disabled .xplor-input-search__field) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-search--focused.sc-xplor-input-search .xplor-input-search__field.sc-xplor-input-search {\n border-color: #008480;\n border-width: 2px;\n padding-right: calc(0.375rem - 1px);\n}\n.xplor-input-search--focused.sc-xplor-input-search .xplor-input-search__input.sc-xplor-input-search {\n padding-left: calc(1rem - 1px);\n}\n.xplor-input-search__input.sc-xplor-input-search {\n flex: 1;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: none;\n outline: none;\n background: transparent;\n min-width: 0;\n}\n.xplor-input-search__input.sc-xplor-input-search::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-search__input.sc-xplor-input-search:disabled {\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n}\n.xplor-input-search__button.sc-xplor-input-search {\n min-height: 0;\n min-width: 0;\n height: 2.5rem;\n width: 2.5rem;\n padding: 0;\n border: none;\n border-radius: 4px;\n background-color: #008480;\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n flex-shrink: 0;\n}\n.xplor-input-search__button.sc-xplor-input-search:hover:not(:disabled) {\n background-color: #006D6A;\n}\n.xplor-input-search__button.sc-xplor-input-search:active:not(:disabled) {\n background-color: #005755;\n}\n.xplor-input-search__button.sc-xplor-input-search:disabled {\n opacity: 0.38;\n cursor: not-allowed;\n}\n.xplor-input-search__icon.sc-xplor-input-search {\n width: 1.25rem;\n height: 1.25rem;\n fill: currentColor;\n}\n.xplor-input-search--compact.sc-xplor-input-search .xplor-input-search__input.sc-xplor-input-search {\n padding: 0.625rem 1rem;\n}\n.xplor-input-search--compact.sc-xplor-input-search .xplor-input-search__button.sc-xplor-input-search {\n height: 2rem;\n width: 2rem;\n}\n.xplor-input-search--compact.sc-xplor-input-search .xplor-input-search__icon.sc-xplor-input-search {\n width: 1rem;\n height: 1rem;\n}\n.xplor-input-search--comfortable.sc-xplor-input-search .xplor-input-search__input.sc-xplor-input-search {\n padding: 1rem 1rem;\n}\n.xplor-input-search--comfortable.sc-xplor-input-search .xplor-input-search__button.sc-xplor-input-search {\n height: 2.75rem;\n width: 2.75rem;\n}\n.xplor-input-search--comfortable.sc-xplor-input-search .xplor-input-search__icon.sc-xplor-input-search {\n width: 1.375rem;\n height: 1.375rem;\n}\n.xplor-input-search--disabled.sc-xplor-input-search .xplor-input-search__field.sc-xplor-input-search {\n background-color: rgba(0, 0, 0, 0.04);\n}";let Gn=0;const Qn=class{constructor(r){n(this,r);this.search=e(this,"search");this.inputId=`xplor-input-search-${++Gn}`;this.value="";this.placeholder="Search...";this.bgColor="white";this.color="#008480";this.disabled=false;this.density="default";this.isFocused=false;this.handleInput=n=>{const e=n.target;this.value=e.value};this.handleSearch=()=>{this.search.emit(this.value)};this.handleKeyDown=n=>{if(n.key==="Enter"){this.handleSearch()}}}render(){const n={"xplor-input-search":true,[`xplor-input-search--${this.density}`]:true,"xplor-input-search--focused":this.isFocused,"xplor-input-search--disabled":this.disabled};return r(t,{key:"943cf40e14806c8d2645e8e08c7868f1bbe1d585"},r("div",{key:"a073a7da5206a8f97ad4576628bb5688572709ed",class:n},r("div",{key:"52d484023b8d5275d22a2b890fc73c0b758a7899",class:"xplor-input-search__field"},r("input",{key:"b520a1127ec5aefe99a8ea92d329823e0380ac63",id:this.inputId,type:"search",class:"xplor-input-search__input",value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:()=>this.isFocused=true,onBlur:()=>this.isFocused=false,style:{backgroundColor:this.bgColor},role:"searchbox","aria-label":"Search"}),r("slot",{key:"2e352e10096c529d275071cffa6ff8062faf27a3",name:"append-inner"},r("button",{key:"ce5993a34434803f80ff05fc07993ea7865f7120",type:"button",class:"xplor-input-search__button",onClick:this.handleSearch,disabled:this.disabled,"data-testid":"input-search-button","aria-label":"Search"},r("svg",{key:"518d76a88181e3286d14102ceced2e1dae0b6a8c",viewBox:"0 0 24 24",class:"xplor-input-search__icon"},r("path",{key:"f7253605b82900a022475c107b4719612f614564",d:"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"})))))))}};Qn.style=Xn;const ne="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-select {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-select {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-select {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-select {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-select {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-select {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-select, ul.sc-xplor-input-select {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-select li.sc-xplor-input-select, ul.sc-xplor-input-select li.sc-xplor-input-select {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-select, ul.mdc-list.sc-xplor-input-select {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-select li.mdc-list-item.sc-xplor-input-select, ul.mdc-list.sc-xplor-input-select li.mdc-list-item.sc-xplor-input-select {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-select {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-select {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-select {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-select {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-select .mdc-text-field--outlined.sc-xplor-input-select .mdc-notched-outline__notch.sc-xplor-input-select {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-select .mdc-notched-outline__notch.sc-xplor-input-select {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-select .mdc-notched-outline.sc-xplor-input-select .mdc-notched-outline__notch.sc-xplor-input-select {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-select {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-select:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-select {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-select-h {\n display: block;\n}\n\n.xplor-input-select.sc-xplor-input-select {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.xplor-input-select__label.sc-xplor-input-select {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.xplor-input-select__required.sc-xplor-input-select {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.xplor-input-select__field.sc-xplor-input-select {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.875rem 1rem;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n background-color: white;\n cursor: pointer;\n transition: border-color 0.2s ease;\n gap: 0.5rem;\n}\n.xplor-input-select__field.sc-xplor-input-select:hover:not(.xplor-input-select--disabled .xplor-input-select__field) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-select--open.sc-xplor-input-select .xplor-input-select__field.sc-xplor-input-select {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.xplor-input-select--error.sc-xplor-input-select .xplor-input-select__field.sc-xplor-input-select {\n border-color: #d32f2f;\n}\n.xplor-input-select--disabled.sc-xplor-input-select .xplor-input-select__field.sc-xplor-input-select {\n background-color: rgba(0, 0, 0, 0.04);\n cursor: not-allowed;\n}\n.xplor-input-select--disabled.sc-xplor-input-select .xplor-input-select__value.sc-xplor-input-select {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-select__value.sc-xplor-input-select {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-input-select__arrow.sc-xplor-input-select {\n font-size: 0.75rem;\n color: rgba(0, 0, 0, 0.54);\n transition: transform 0.2s ease;\n flex-shrink: 0;\n}\n.xplor-input-select__menu.sc-xplor-input-select {\n max-height: 300px;\n overflow-y: auto;\n background-color: white;\n border-radius: 0.5rem;\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n z-index: 9999;\n}\n.xplor-input-select__empty.sc-xplor-input-select {\n padding: 1rem;\n text-align: center;\n color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-select__option.sc-xplor-input-select {\n display: flex;\n align-items: center;\n padding: 0.875rem 1.25rem;\n cursor: pointer;\n transition: background-color 0.2s ease;\n gap: 0.75rem;\n}\n.xplor-input-select__option.sc-xplor-input-select:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-input-select__option--selected.sc-xplor-input-select {\n background-color: rgba(0, 132, 128, 0.08);\n}\n.xplor-input-select__checkbox.sc-xplor-input-select {\n flex-shrink: 0;\n width: 1.125rem;\n height: 1.125rem;\n cursor: pointer;\n}\n.xplor-input-select__option-content.sc-xplor-input-select {\n flex: 1;\n min-width: 0;\n}\n.xplor-input-select__option-title.sc-xplor-input-select {\n font-size: 1rem;\n color: rgba(0, 0, 0, 0.87);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.xplor-input-select__option-subtitle.sc-xplor-input-select {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.xplor-input-select__details.sc-xplor-input-select {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.xplor-input-select__error-message.sc-xplor-input-select {\n color: #d32f2f;\n}\n.xplor-input-select__helper-text.sc-xplor-input-select {\n color: rgba(0, 0, 0, 0.6);\n}";const ee=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.value=null;this.label="";this.placeholder="Select...";this.options=[];this.multiple=false;this.bgColor="white";this.color="#008480";this.disabled=false;this.readonly=false;this.hideDetails="auto";this.error="";this.helperText="";this.required=false;this.isOpen=false;this.isFocused=false;this.menuPosition=null;this.highlightedIndex=-1;this.updateMenuPosition=()=>{if(this.fieldRef){const n=this.fieldRef.getBoundingClientRect();this.menuPosition={top:n.bottom+4,left:n.left,width:n.width}}};this.handleOutsideClick=n=>{if(this.selectRef&&!this.selectRef.contains(n.target)){this.isOpen=false}};this.toggleDropdown=()=>{if(!this.disabled&&!this.readonly){if(!this.isOpen){this.updateMenuPosition();this.highlightedIndex=-1}this.isOpen=!this.isOpen;if(!this.isOpen){this.highlightedIndex=-1}}};this.handleOptionClick=n=>{if(this.multiple){const e=Array.isArray(this.value)?this.value:[];const r=e.findIndex((e=>e===n.value));if(r>-1){this.value=e.filter(((n,e)=>e!==r))}else{this.value=[...e,n.value]}}else{this.value=n.value;this.isOpen=false}this.xplorChange.emit(this.value)};this.isSelected=n=>{if(this.multiple){const e=Array.isArray(this.value)?this.value:[];return e.includes(n.value)}return this.value===n.value};this.getDisplayValue=()=>{if(this.multiple){const n=Array.isArray(this.value)?this.value:[];if(n.length===0)return this.placeholder;const e=this.options.filter((e=>n.includes(e.value)));return`${e.length} selected`}const n=this.options.find((n=>n.value===this.value));return n?n.title:this.placeholder}}componentDidLoad(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}handleKeyDown(n){var e;const r=this.options.length;if(r===0)return;switch(n.key){case"ArrowDown":n.preventDefault();if(!this.isOpen){this.updateMenuPosition();this.isOpen=true;this.highlightedIndex=0}else{this.highlightedIndex=this.highlightedIndex<r-1?this.highlightedIndex+1:0}this.scrollToHighlightedOption();break;case"ArrowUp":n.preventDefault();if(!this.isOpen){this.updateMenuPosition();this.isOpen=true;this.highlightedIndex=r-1}else{this.highlightedIndex=this.highlightedIndex>0?this.highlightedIndex-1:r-1}this.scrollToHighlightedOption();break;case"Enter":case" ":n.preventDefault();if(this.isOpen&&this.highlightedIndex>=0&&this.highlightedIndex<r){this.handleOptionClick(this.options[this.highlightedIndex])}else if(!this.isOpen){this.toggleDropdown()}break;case"Escape":n.preventDefault();this.isOpen=false;this.highlightedIndex=-1;(e=this.fieldRef)===null\|\|e===void 0?void 0:e.focus();break;case"Home":if(this.isOpen){n.preventDefault();this.highlightedIndex=0;this.scrollToHighlightedOption()}break;case"End":if(this.isOpen){n.preventDefault();this.highlightedIndex=r-1;this.scrollToHighlightedOption()}break;case"Tab":this.isOpen=false;this.highlightedIndex=-1;break}}scrollToHighlightedOption(){requestAnimationFrame((()=>{if(this.selectRef&&this.highlightedIndex>=0){const n=this.selectRef.querySelector(`[data-option-index="${this.highlightedIndex}"]`);if(n){n.scrollIntoView({block:"nearest"})}}}))}render(){const n={"xplor-input-select":true,"xplor-input-select--open":this.isOpen,"xplor-input-select--focused":this.isFocused,"xplor-input-select--disabled":this.disabled,"xplor-input-select--error":!!this.error};const e=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);const o="input-select-listbox";const i="input-select-label";const a="input-select-error";const l="input-select-helper";const s=this.highlightedIndex>=0?`input-select-option-${this.highlightedIndex}`:undefined;const d=[];if(this.error)d.push(a);if(!this.error&&this.helperText)d.push(l);const c=d.length>0?d.join(" "):undefined;return r(t,{key:"4c7693dfd1a0a4ac74ed4f4ff5024d4375acd3a8"},r("div",{key:"bcd180aa7fbccfae34ce29b1c9bbe6329bf87476",class:n,ref:n=>this.selectRef=n},this.label&&r("label",{key:"85c20aecaf25a7fc260c79a15e4d4bb30804213d",class:"xplor-input-select__label",id:i},this.label,this.required&&r("span",{key:"82c8dbcb5d7e77c42e0a6e54b69cbb514563ac2b",class:"xplor-input-select__required"},"")),r("div",{key:"b7cfc5c895fc57f3eac6e66aa5fd431a89dd07bb",class:"xplor-input-select__field",onClick:this.toggleDropdown,ref:n=>this.fieldRef=n,role:"combobox",tabindex:this.disabled?-1:0,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":this.isOpen?o:undefined,"aria-activedescendant":s,"aria-labelledby":this.label?i:undefined,"aria-label":!this.label?this.ariaLabel\|\|this.placeholder:undefined,"aria-describedby":c,"aria-required":this.required?"true":undefined,"aria-disabled":this.disabled?"true":undefined},r("div",{key:"1125703089a34186cbbfaba5e51d6ea50c5f4239",class:"xplor-input-select__value"},this.getDisplayValue()),r("span",{key:"e33ab0424fddc90d1f48ef2b285e70fd3eeaff8a",class:"xplor-input-select__arrow","aria-hidden":"true"},this.isOpen?"▲":"▼")),this.isOpen&&this.menuPosition&&r("div",{key:"b1fb47a1d217c4156250bded2c9e9ae9bdebf603",class:"xplor-input-select__menu",role:"listbox",id:o,"aria-label":this.label\|\|this.ariaLabel\|\|"Options","aria-multiselectable":this.multiple?"true":undefined,style:{position:"fixed",top:`${this.menuPosition.top}px`,left:`${this.menuPosition.left}px`,width:`${this.menuPosition.width}px`}},this.options.length===0?r("div",{class:"xplor-input-select__empty",role:"option","aria-disabled":"true"},"No options available"):this.options.map(((n,e)=>{const t=this.isSelected(n);return r("div",{key:n.value,id:`input-select-option-${e}`,"data-option-index":e,role:"option","aria-selected":t?"true":"false",class:{"xplor-input-select__option":true,"xplor-input-select__option--selected":t,"xplor-input-select__option--highlighted":e===this.highlightedIndex},onClick:()=>this.handleOptionClick(n)},this.multiple&&r("input",{type:"checkbox",class:"xplor-input-select__checkbox",checked:t,readOnly:true,tabindex:-1,"aria-checked":t?"true":"false","aria-hidden":"true"}),r("div",{class:"xplor-input-select__option-content"},r("div",{class:"xplor-input-select__option-title"},n.title),n.subtitle&&r("div",{class:"xplor-input-select__option-subtitle"},n.subtitle)))}))),e&&r("div",{key:"0a4f46b2460cd068fe27635cbe45d054c06e9538",class:"xplor-input-select__details"},this.error&&r("div",{key:"2d0f44af6a4c115bf3ed66764092b29cf117d57e",class:"xplor-input-select__error-message",id:a,role:"alert"},this.error),!this.error&&this.helperText&&r("div",{key:"ee93ffdd070c853b1d779235d6c57e368d75bcf1",class:"xplor-input-select__helper-text",id:l},this.helperText))))}get el(){return o(this)}};ee.style=ne;const re="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-send {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-send {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-send {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-send {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-send {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-send {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-send, ul.sc-xplor-input-send {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-send li.sc-xplor-input-send, ul.sc-xplor-input-send li.sc-xplor-input-send {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-send, ul.mdc-list.sc-xplor-input-send {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-send li.mdc-list-item.sc-xplor-input-send, ul.mdc-list.sc-xplor-input-send li.mdc-list-item.sc-xplor-input-send {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-send {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-send {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-send {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-send {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-send .mdc-text-field--outlined.sc-xplor-input-send .mdc-notched-outline__notch.sc-xplor-input-send {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-send .mdc-notched-outline__notch.sc-xplor-input-send {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-send .mdc-notched-outline.sc-xplor-input-send .mdc-notched-outline__notch.sc-xplor-input-send {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-send {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-send:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-send {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-send-h {\n display: block;\n width: 100%;\n}\n\n.input-send.sc-xplor-input-send {\n display: flex;\n gap: 0.5rem;\n align-items: stretch;\n width: 100%;\n}\n.input-send--disabled.sc-xplor-input-send {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.input-send__input.sc-xplor-input-send {\n flex: 1;\n padding: 0.75rem 1rem;\n border: 1px solid #bdbdbd;\n border-radius: 4px;\n font-family: inherit;\n font-size: 1rem;\n line-height: 1.5;\n color: #212121;\n background-color: #fff;\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n.input-send__input.sc-xplor-input-send:focus {\n outline: none;\n border-color: #1976d2;\n box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);\n}\n.input-send__input.sc-xplor-input-send::placeholder {\n color: #9e9e9e;\n}\n.input-send__input.sc-xplor-input-send:disabled {\n background-color: #f5f5f5;\n cursor: not-allowed;\n}\n\n.input-send__button.sc-xplor-input-send {\n flex-shrink: 0;\n}";const te=class{constructor(r){n(this,r);this.xplorSend=e(this,"xplorSend");this.xplorValueChange=e(this,"xplorValueChange");this.placeholder="Type a message...";this.disabled=false;this.value="";this.buttonText="Send";this.buttonType="primary";this.internalValue="";this.handleInput=n=>{const e=n.target;this.internalValue=e.value;this.value=e.value;this.xplorValueChange.emit(e.value)};this.handleKeyDown=n=>{if(n.key==="Enter"&&!n.shiftKey){n.preventDefault();this.handleSend()}};this.handleSend=()=>{if(this.disabled\|\|!this.internalValue.trim()){return}this.xplorSend.emit(this.internalValue.trim());this.internalValue="";this.value="";if(this.inputEl){this.inputEl.focus()}}}componentWillLoad(){this.internalValue=this.value}render(){return r(t,{key:"87d0d49d2a9e9061152b294e6b7a91ffae7f39b0"},r("div",{key:"ef857693127c5945ff78c20e431609b051df32e7",class:{"input-send":true,"input-send--disabled":this.disabled}},r("input",{key:"ab468e8669120fef885db5e1dd4da774acfd2f74",ref:n=>this.inputEl=n,type:"text",class:"input-send__input",placeholder:this.placeholder,value:this.internalValue,onInput:this.handleInput,onKeyDown:this.handleKeyDown,disabled:this.disabled,maxLength:this.maxLength,"aria-label":this.placeholder\|\|"Type a message"}),r("xplor-button",{key:"216e72c5c263f0a18e4d8b4f03d253776376c6b3",class:"input-send__button",text:this.buttonText,type:this.disabled\|\|!this.internalValue.trim()?"disabled":this.buttonType,onClick:this.handleSend})))}};te.style=re;const oe="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-text {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-text {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-text {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-text {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-text {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-text {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-text, ul.sc-xplor-input-text {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-text li.sc-xplor-input-text, ul.sc-xplor-input-text li.sc-xplor-input-text {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-text, ul.mdc-list.sc-xplor-input-text {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text, ul.mdc-list.sc-xplor-input-text li.mdc-list-item.sc-xplor-input-text {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-text {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-text {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-text {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-text {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-text .mdc-text-field--outlined.sc-xplor-input-text .mdc-notched-outline__notch.sc-xplor-input-text {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-text .mdc-notched-outline__notch.sc-xplor-input-text {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-text .mdc-notched-outline.sc-xplor-input-text .mdc-notched-outline__notch.sc-xplor-input-text {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-text {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-text:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-text {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-text-h {\n display: block;\n}\n\n.xplor-input-text.sc-xplor-input-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.xplor-input-text__label.sc-xplor-input-text {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.xplor-input-text__required.sc-xplor-input-text {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.xplor-input-text__field.sc-xplor-input-text {\n position: relative;\n display: flex;\n align-items: center;\n}\n.xplor-input-text__input.sc-xplor-input-text {\n width: 100%;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n outline: none;\n transition: border-color 0.2s ease;\n}\n.xplor-input-text__input.sc-xplor-input-text::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-text__input.sc-xplor-input-text:hover:not(:disabled) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-text__input.sc-xplor-input-text:focus {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.xplor-input-text__input.sc-xplor-input-text:disabled {\n background-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n}\n.xplor-input-text__input.sc-xplor-input-text:read-only {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-input-text--error.sc-xplor-input-text .xplor-input-text__input.sc-xplor-input-text {\n border-color: #d32f2f;\n}\n.xplor-input-text__details.sc-xplor-input-text {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.xplor-input-text__error-message.sc-xplor-input-text {\n color: #d32f2f;\n}\n.xplor-input-text__helper-text.sc-xplor-input-text {\n color: rgba(0, 0, 0, 0.6);\n}";let ie=0;const ae=class{constructor(r){n(this,r);this.xplorInput=e(this,"xplorInput");this.xplorChange=e(this,"xplorChange");this.xplorFocus=e(this,"xplorFocus");this.xplorBlur=e(this,"xplorBlur");this.inputId=`xplor-input-text-${++ie}`;this.errorId=`${this.inputId}-error`;this.helperId=`${this.inputId}-helper`;this.value="";this.label="";this.placeholder="";this.type="text";this.bgColor="white";this.color="#008480";this.disabled=false;this.readonly=false;this.hideDetails="auto";this.error="";this.helperText="";this.required=false;this.isFocused=false;this.handleInput=n=>{const e=n.target;this.value=e.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const e=n.target;this.value=e.value;this.xplorChange.emit(this.value)};this.handleFocus=n=>{this.isFocused=true;this.xplorFocus.emit(n)};this.handleBlur=n=>{this.isFocused=false;this.xplorBlur.emit(n)}}render(){const n={"xplor-input-text":true,"xplor-input-text--focused":this.isFocused,"xplor-input-text--disabled":this.disabled,"xplor-input-text--error":!!this.error};const e=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return r(t,{key:"74d78e4b2d95f642b57606b0e8315d3064de446e"},r("div",{key:"7852dd1859fec108d191f612c1f02763edb4f419",class:n},this.label&&r("label",{key:"e9f627130b2ed1f07d9eb6a91f7b40b79cafd550",class:"xplor-input-text__label",htmlFor:this.inputId},this.label,this.required&&r("span",{key:"a4763b2c5e5a3702b126528845dfcdb5d42e9e3d",class:"xplor-input-text__required"},"")),r("div",{key:"fce0f4b127098b1c88200f36190d2a89214b3341",class:"xplor-input-text__field"},r("input",{key:"63ce8a595f7ea39f9ab011fe00c11530ce256c6c",id:this.inputId,type:this.type,class:"xplor-input-text__input",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,required:this.required,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{backgroundColor:this.bgColor},"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.error?this.errorId:this.helperText?this.helperId:undefined}),r("slot",{key:"a24e700dcbd30d21ff559b6a8fa189d260e3a470",name:"append-inner"})),e&&r("div",{key:"b20cd03b0d9d4fb0ab52f9fe0c7bb03488f88401",class:"xplor-input-text__details"},this.error&&r("div",{key:"cbc084358dfb8c457d97ae66a21f3068ad5ccabb",class:"xplor-input-text__error-message",id:this.errorId},this.error),!this.error&&this.helperText&&r("div",{key:"a1ab582138c63ed2f1830910e7a5b740c0f71909",class:"xplor-input-text__helper-text",id:this.helperId},this.helperText)),r("slot",{key:"30f30e929242a463a86a6470ceae0d708714cf8f",name:"append"})))}};ae.style=oe;const le="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-text-area {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-text-area {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-text-area {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-text-area {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-text-area {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-text-area {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-text-area, ul.sc-xplor-input-text-area {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-text-area li.sc-xplor-input-text-area, ul.sc-xplor-input-text-area li.sc-xplor-input-text-area {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-text-area, ul.mdc-list.sc-xplor-input-text-area {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area, ul.mdc-list.sc-xplor-input-text-area li.mdc-list-item.sc-xplor-input-text-area {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-text-area {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-text-area {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-text-area {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-text-area {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-text-area .mdc-text-field--outlined.sc-xplor-input-text-area .mdc-notched-outline__notch.sc-xplor-input-text-area {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-text-area .mdc-notched-outline__notch.sc-xplor-input-text-area {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-text-area .mdc-notched-outline.sc-xplor-input-text-area .mdc-notched-outline__notch.sc-xplor-input-text-area {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-text-area {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-text-area:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-text-area {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-text-area-h {\n display: block;\n}\n\n.xplor-input-text-area.sc-xplor-input-text-area {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.xplor-input-text-area__label.sc-xplor-input-text-area {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.xplor-input-text-area__required.sc-xplor-input-text-area {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.xplor-input-text-area__field.sc-xplor-input-text-area {\n position: relative;\n display: flex;\n align-items: flex-start;\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area {\n width: 100%;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n outline: none;\n resize: vertical;\n min-height: 56px;\n transition: border-color 0.2s ease;\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area:hover:not(:disabled) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area:focus {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area:disabled {\n background-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n resize: none;\n}\n.xplor-input-text-area__input.sc-xplor-input-text-area:read-only {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-input-text-area__clear.sc-xplor-input-text-area {\n position: absolute;\n right: 0.75rem;\n top: 0.75rem;\n width: 1.5rem;\n height: 1.5rem;\n border: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n cursor: pointer;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n}\n.xplor-input-text-area__clear.sc-xplor-input-text-area:hover {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.xplor-input-text-area__clear.sc-xplor-input-text-area:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.xplor-input-text-area--error.sc-xplor-input-text-area .xplor-input-text-area__input.sc-xplor-input-text-area {\n border-color: #d32f2f;\n}\n.xplor-input-text-area__details.sc-xplor-input-text-area {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.xplor-input-text-area__error-message.sc-xplor-input-text-area {\n color: #d32f2f;\n}\n.xplor-input-text-area__helper-text.sc-xplor-input-text-area {\n color: rgba(0, 0, 0, 0.6);\n}";let se=0;const de=class{constructor(r){n(this,r);this.xplorInput=e(this,"xplorInput");this.xplorChange=e(this,"xplorChange");this.xplorClear=e(this,"xplorClear");this.inputId=`xplor-input-text-area-${++se}`;this.errorId=`${this.inputId}-error`;this.helperId=`${this.inputId}-helper`;this.value="";this.label="";this.placeholder="";this.bgColor="white";this.color="#008480";this.disabled=false;this.readonly=false;this.clearable=true;this.rows=3;this.hideDetails="auto";this.error="";this.helperText="";this.required=false;this.isFocused=false;this.handleInput=n=>{const e=n.target;this.value=e.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const e=n.target;this.value=e.value;this.xplorChange.emit(this.value)};this.handleClear=()=>{this.value="";this.xplorClear.emit();this.xplorChange.emit(this.value)}}render(){const n={"xplor-input-text-area":true,"xplor-input-text-area--focused":this.isFocused,"xplor-input-text-area--disabled":this.disabled,"xplor-input-text-area--error":!!this.error};const e=this.clearable&&this.value&&!this.readonly&&!this.disabled;const o=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return r(t,{key:"c03b31f6576f7a103227964d33a40cb4e659c3ce"},r("div",{key:"3f29fe2801d281c6e110a512156527cabce854a8",class:n},this.label&&r("label",{key:"b2d3bcb28e66d80a43fbca6e6bc37f1c967982ba",class:"xplor-input-text-area__label",htmlFor:this.inputId},this.label,this.required&&r("span",{key:"73c21af6cba3faff373a0d1700a8577ee3fffb46",class:"xplor-input-text-area__required"},"")),r("div",{key:"f9f60ad9aa09747bdd77b51f7576d4d9811b5c81",class:"xplor-input-text-area__field"},r("textarea",{key:"d41b249092b9478a5fb323042a1e7397b1326dd0",id:this.inputId,class:"xplor-input-text-area__input",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,required:this.required,rows:this.rows,onInput:this.handleInput,onChange:this.handleChange,onFocus:()=>this.isFocused=true,onBlur:()=>this.isFocused=false,style:{backgroundColor:this.bgColor},"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.error?this.errorId:this.helperText?this.helperId:undefined}),e&&r("button",{key:"8cb817547c0c494c2f82216a9f07a78bc4c5314d",type:"button",class:"xplor-input-text-area__clear",onClick:this.handleClear,"aria-label":"Clear"},"✕")),o&&r("div",{key:"e0f4d72ac96eda8ce0913cb80f11a65b1adfc0c4",class:"xplor-input-text-area__details"},this.error&&r("div",{key:"7eb06f00783c62614af72fc769b585b167f8d25b",class:"xplor-input-text-area__error-message",id:this.errorId},this.error),!this.error&&this.helperText&&r("div",{key:"c9f5ad0158da20c2a743e7fb304a04eeb6a0270b",class:"xplor-input-text-area__helper-text",id:this.helperId},this.helperText))))}};de.style=le;const ce="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-text-secondary {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-text-secondary {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-text-secondary {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-text-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-text-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-text-secondary {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-text-secondary, ul.sc-xplor-input-text-secondary {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-text-secondary li.sc-xplor-input-text-secondary, ul.sc-xplor-input-text-secondary li.sc-xplor-input-text-secondary {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-text-secondary, ul.mdc-list.sc-xplor-input-text-secondary {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-text-secondary li.mdc-list-item.sc-xplor-input-text-secondary, ul.mdc-list.sc-xplor-input-text-secondary li.mdc-list-item.sc-xplor-input-text-secondary {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-text-secondary {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-text-secondary {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-text-secondary {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-text-secondary {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-text-secondary .mdc-text-field--outlined.sc-xplor-input-text-secondary .mdc-notched-outline__notch.sc-xplor-input-text-secondary {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-text-secondary .mdc-notched-outline__notch.sc-xplor-input-text-secondary {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-text-secondary .mdc-notched-outline.sc-xplor-input-text-secondary .mdc-notched-outline__notch.sc-xplor-input-text-secondary {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-text-secondary {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-text-secondary:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-text-secondary {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-text-secondary-h {\n display: block;\n}\n\n.input-secondary.sc-xplor-input-text-secondary {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.input-secondary__label.sc-xplor-input-text-secondary {\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.input-secondary__required.sc-xplor-input-text-secondary {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.input-secondary__field.sc-xplor-input-text-secondary {\n position: relative;\n display: flex;\n align-items: center;\n}\n.input-secondary__input.sc-xplor-input-text-secondary {\n width: 100%;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 16px;\n outline: none;\n transition: border-color 0.2s ease, border-width 0.2s ease;\n}\n.input-secondary__input.sc-xplor-input-text-secondary::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.input-secondary__input.sc-xplor-input-text-secondary:hover:not(:disabled) {\n border-color: rgba(0, 0, 0, 0.6);\n}\n.input-secondary__input.sc-xplor-input-text-secondary:focus {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.input-secondary__input.sc-xplor-input-text-secondary:disabled {\n background-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n}\n.input-secondary__input.sc-xplor-input-text-secondary:read-only {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.input-secondary--dirty.sc-xplor-input-text-secondary .input-secondary__input.sc-xplor-input-text-secondary {\n border-color: #008480;\n border-width: 2px;\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.input-secondary--error.sc-xplor-input-text-secondary .input-secondary__input.sc-xplor-input-text-secondary {\n border-color: #d32f2f;\n}\n.input-secondary__details.sc-xplor-input-text-secondary {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.input-secondary__error-message.sc-xplor-input-text-secondary {\n color: #d32f2f;\n}\n.input-secondary__helper-text.sc-xplor-input-text-secondary {\n color: rgba(0, 0, 0, 0.6);\n}";let pe=0;const ge=class{constructor(r){n(this,r);this.xplorInput=e(this,"xplorInput");this.xplorChange=e(this,"xplorChange");this.xplorFocus=e(this,"xplorFocus");this.xplorBlur=e(this,"xplorBlur");this.inputId=`xplor-input-text-secondary-${++pe}`;this.errorId=`${this.inputId}-error`;this.helperId=`${this.inputId}-helper`;this.value="";this.label="";this.placeholder="";this.type="text";this.bgColor="white";this.disabled=false;this.readonly=false;this.hideDetails="auto";this.error="";this.helperText="";this.required=false;this.isDirty=false;this.isFocused=false;this.handleInput=n=>{const e=n.target;this.value=e.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const e=n.target;this.value=e.value;this.xplorChange.emit(this.value)};this.handleFocus=n=>{this.isFocused=true;this.xplorFocus.emit(n)};this.handleBlur=n=>{this.isFocused=false;this.xplorBlur.emit(n)}}render(){const n={"input-secondary":true,"input-secondary--focused":this.isFocused,"input-secondary--disabled":this.disabled,"input-secondary--error":!!this.error,"input-secondary--dirty":this.isDirty};const e=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return r(t,{key:"cba1682d9584d1dad7da1974dee2ba86423e5a8b"},r("div",{key:"2dd7399f266c15a9654dcb8075edd69501f464e0",class:n},this.label&&r("label",{key:"445608b567e7673386bb99791f63e852c6b95627",class:"input-secondary__label",htmlFor:this.inputId},this.label,this.required&&r("span",{key:"3e926e2b17ada694064559525a86dab2f64bbb39",class:"input-secondary__required"},"")),r("div",{key:"f2b73b8eed06c0ad8931e67e8d26e6d13effa14d",class:"input-secondary__field"},r("input",{key:"dd3506bb5fd1e14f3e30600f3b00b28446f7fa87",id:this.inputId,type:this.type,class:"input-secondary__input",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,required:this.required,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{backgroundColor:this.bgColor},"aria-invalid":this.error?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.error?this.errorId:this.helperText?this.helperId:undefined}),r("slot",{key:"ae3d7ee9248d8098e36bd44a8e07454cbdfecb32",name:"append-inner"})),e&&r("div",{key:"9cf7faef29234709d7301ede1d635dda4eabf3ac",class:"input-secondary__details"},this.error&&r("div",{key:"7315826f15369e3a98cd629d484a34bc373f753d",class:"input-secondary__error-message",id:this.errorId},this.error),!this.error&&this.helperText&&r("div",{key:"356726d208da52b6e4c973f06511132a26f70069",class:"input-secondary__helper-text",id:this.helperId},this.helperText)),r("slot",{key:"190b4ed0fd2e6253dcae23ac4637bab3e0b26d81",name:"append"})))}};ge.style=ce;const xe="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-input-title {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-input-title {\n width: 600px !important;\n }\n}\nh1.sc-xplor-input-title {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-input-title {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-input-title {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-input-title {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-input-title, ul.sc-xplor-input-title {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-input-title li.sc-xplor-input-title, ul.sc-xplor-input-title li.sc-xplor-input-title {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-input-title, ul.mdc-list.sc-xplor-input-title {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-input-title li.mdc-list-item.sc-xplor-input-title, ul.mdc-list.sc-xplor-input-title li.mdc-list-item.sc-xplor-input-title {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-input-title {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-input-title {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-input-title {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-input-title {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-input-title .mdc-text-field--outlined.sc-xplor-input-title .mdc-notched-outline__notch.sc-xplor-input-title {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-input-title .mdc-notched-outline__notch.sc-xplor-input-title {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-input-title .mdc-notched-outline.sc-xplor-input-title .mdc-notched-outline__notch.sc-xplor-input-title {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-input-title {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-input-title:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-input-title {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-input-title-h {\n display: block;\n}\n\n.xplor-input-title.sc-xplor-input-title {\n width: 100%;\n height: 39px;\n font-size: 28px;\n font-family: inherit;\n font-weight: 400;\n border: none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.42);\n outline: none;\n padding: 0 0 4px 0;\n background: transparent;\n transition: border-color 0.2s ease;\n}\n.xplor-input-title.sc-xplor-input-title::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-input-title.sc-xplor-input-title:hover:not(:disabled) {\n border-bottom-color: rgba(0, 0, 0, 0.87);\n}\n.xplor-input-title.sc-xplor-input-title:focus {\n border-bottom-width: 2px;\n border-bottom-color: #008480;\n padding-bottom: 3px;\n}\n.xplor-input-title.sc-xplor-input-title:disabled {\n color: rgba(0, 0, 0, 0.38);\n border-bottom-color: rgba(0, 0, 0, 0.26);\n cursor: not-allowed;\n}\n.xplor-input-title.sc-xplor-input-title:read-only {\n color: rgba(0, 0, 0, 0.6);\n}";const be=class{constructor(r){n(this,r);this.xplorInput=e(this,"xplorInput");this.xplorChange=e(this,"xplorChange");this.value="";this.placeholder="";this.disabled=false;this.readonly=false;this.ariaLabel="Title";this.handleInput=n=>{const e=n.target;this.value=e.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const e=n.target;this.value=e.value;this.xplorChange.emit(this.value)}}render(){return r(t,{key:"1e49e53ce1525bdfa81b550739c97b3927a919e6"},r("input",{key:"74dd032886da4bca30a5f38a15b18903f03c5095",type:"text",class:"xplor-input-title",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,"aria-label":this.ariaLabel,onInput:this.handleInput,onChange:this.handleChange}))}};be.style=xe;const me=":host{display:block}.x-link{display:block;padding:0.5rem 0;text-decoration:none;color:var(--xplor-link-color)}";const he=class{constructor(e){n(this,e);this.imageAlt=""}render(){return r(t,{key:"e26ac5962cb44c6e05a39034e76b6f35d076cb60",class:`theme-${this.brand}`},r("a",{key:"030c76cf101abf498a2828bffef051f5e01d3a65",class:"x-link",href:"https://google.com"}," ","googole this is a link"," "),r("div",{key:"13ef22eb8e5ddc49976006b138b7bac0e379d85c",class:"bg-black p-2 rounded-md flex justify-center"},r("h1",{key:"39e7adc65ee5b26b4be9c111eabdb295fc964065",class:"text-primary font-sans"},"This is a Stencil component using Tailwind")),r("div",{key:"dae9ed47cdaa4afb6a6b70ca82c9b3c280f39215",class:"bg-white py-24 sm:py-32"},r("div",{key:"32f746f7ec8c3337fff37e445dfb7e31a42e68c9",class:"mx-auto grid max-w-7xl gap-20 px-6 lg:px-8 xl:grid-cols-3"},r("div",{key:"309dfd3930301f77cf83eea80579063d1c4aee85",class:"max-w-xl"},r("h2",{key:"6fac68cca56d79303a1d92b86d059f7f91296b3e",class:"text-pretty text-3xl font-semibold tracking-tight text-gray-900 sm:text-4xl"},"Meet our leadership"),r("p",{key:"d759f98a1c30f4636592a5aa5ffa8f06cfa93dbe",class:"mt-6 text-lg/8 text-gray-600"},"We’re a dynamic group of individuals who are passionate about what we do and dedicated to delivering the best results for our clients.")),r("ul",{key:"978c9a043988f63c53b2ec9f7e0e73367dd72f41",role:"list",class:"grid gap-x-8 gap-y-12 sm:grid-cols-2 sm:gap-y-16 xl:col-span-2"},r("li",{key:"6ae95678b9ef5ed2ad60c62661aa4a6c966f2740"},r("div",{key:"0a98faa21b7216205d1ad44d977bcade55ce3162",class:"flex items-center gap-x-6"},r("img",{key:"58c7a75c098911ca434d5de959ca358a80cb5598",class:"size-16 rounded-full",src:"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",alt:this.imageAlt}),r("div",{key:"314a9de00a4ac46b67a12cc57ca8392ccea7cfd8"},r("h3",{key:"d87b6c4fcdcf68e7bd9b9b29428cfe10de9e03fd",class:"text-base/7 font-semibold tracking-tight text-gray-900"},"Leslie Alexander"),r("p",{key:"254489d8c64e765276fbfb72cd88221a0e2575ad",class:"text-sm/6 font-semibold text-indigo-600"},"Co-Founder / CEO"))))))))}};he.style=me;const fe="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-modal {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-modal {\n width: 600px !important;\n }\n}\nh1.sc-xplor-modal {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-modal {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-modal {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-modal {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-modal, ul.sc-xplor-modal {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-modal li.sc-xplor-modal, ul.sc-xplor-modal li.sc-xplor-modal {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-modal, ul.mdc-list.sc-xplor-modal {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-modal li.mdc-list-item.sc-xplor-modal, ul.mdc-list.sc-xplor-modal li.mdc-list-item.sc-xplor-modal {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-modal {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-modal {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-modal {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-modal .mdc-text-field--outlined.sc-xplor-modal .mdc-notched-outline__notch.sc-xplor-modal {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-modal .mdc-notched-outline__notch.sc-xplor-modal {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-modal .mdc-notched-outline.sc-xplor-modal .mdc-notched-outline__notch.sc-xplor-modal {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-modal {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-modal:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-modal {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-modal-h {\n display: contents;\n}\n\n.xplor-modal__backdrop.sc-xplor-modal {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2000;\n padding: 1rem;\n}\n.xplor-modal__card.sc-xplor-modal {\n position: relative;\n background-color: white;\n border-radius: 1rem;\n padding: 1rem;\n max-width: 90vw;\n display: flex;\n flex-direction: column;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n animation: xplor-modal-fade-in 0.2s ease-out;\n}\n.xplor-modal__card--scrollable.sc-xplor-modal {\n overflow: hidden;\n}\n.xplor-modal__close-btn.sc-xplor-modal {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 2.25rem;\n height: 2.25rem;\n border: none;\n background-color: white;\n color: #008480;\n font-size: 1rem;\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s ease;\n z-index: 1;\n}\n.xplor-modal__close-btn.sc-xplor-modal:hover {\n background-color: #E6F7F7;\n}\n.xplor-modal__close-btn.sc-xplor-modal:active {\n background-color: #D0EBD2;\n}\n.xplor-modal__title.sc-xplor-modal {\n padding-right: 3rem;\n margin-bottom: 0.5rem;\n font-size: 1.5rem;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.87);\n white-space: normal;\n word-wrap: break-word;\n}\n.xplor-modal__subtitle.sc-xplor-modal {\n margin: 0.5rem;\n margin-bottom: 1rem;\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n}\n.xplor-modal__body.sc-xplor-modal {\n flex: 1;\n overflow-y: auto;\n margin-bottom: 1rem;\n}\n.xplor-modal__body--no-title.sc-xplor-modal {\n margin-top: 3.5rem;\n}\n.xplor-modal__actions.sc-xplor-modal {\n display: flex;\n gap: 0.5rem;\n justify-content: flex-end;\n margin: 1rem 0;\n}\n.xplor-modal__loading.sc-xplor-modal {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 3rem;\n}\n.xplor-modal__spinner.sc-xplor-modal {\n width: 3rem;\n height: 3rem;\n border: 4px solid rgba(0, 0, 0, 0.1);\n border-top-color: #008480;\n border-radius: 50%;\n animation: xplor-spinner-rotate 0.8s linear infinite;\n}\n\n@keyframes xplor-modal-fade-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes xplor-spinner-rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}";const ue=class{constructor(r){n(this,r);this.xplorClose=e(this,"xplorClose");this.open=false;this.width="600px";this.maxWidth="90%";this.maxHeight="90%";this.scrollable=true;this.persistent=false;this.loading=false;this.showTitle=true;this.previouslyFocusedElement=null;this.handleBackdropClick=()=>{if(!this.persistent){this.closeModal()}};this.handleCardClick=n=>{n.stopPropagation()};this.closeModal=()=>{this.open=false;this.xplorClose.emit()}}handleOpenChange(n){if(n){document.body.style.overflow="hidden";this.previouslyFocusedElement=document.activeElement;requestAnimationFrame((()=>{this.setInitialFocus()}))}else{document.body.style.overflow="";if(this.previouslyFocusedElement){this.previouslyFocusedElement.focus();this.previouslyFocusedElement=null}}}disconnectedCallback(){document.body.style.overflow=""}handleKeyDown(n){if(!this.open)return;if(n.key==="Escape"&&!this.persistent){n.preventDefault();this.closeModal();return}if(n.key==="Tab"){this.trapFocus(n)}}getFocusableElements(){if(!this.dialogEl)return[];const n='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';return Array.from(this.dialogEl.querySelectorAll(n))}trapFocus(n){const e=this.getFocusableElements();if(e.length===0)return;const r=e[0];const t=e[e.length-1];if(n.shiftKey){if(document.activeElement===r){n.preventDefault();t.focus()}}else{if(document.activeElement===t){n.preventDefault();r.focus()}}}setInitialFocus(){const n=this.getFocusableElements();if(n.length>0){n[0].focus()}else if(this.dialogEl){this.dialogEl.focus()}}render(){if(!this.open){return null}const n={"xplor-modal__card":true,"xplor-modal__card--scrollable":this.scrollable};const e={"xplor-modal__body":true,"xplor-modal__body--no-title":!this.showTitle};return r(t,null,r("div",{class:"xplor-modal__backdrop",onClick:this.handleBackdropClick},r("div",{class:n,style:{width:this.width,maxWidth:this.maxWidth,maxHeight:this.maxHeight},onClick:this.handleCardClick,role:"dialog","aria-modal":"true","aria-labelledby":this.ariaLabel?undefined:"xplor-modal-title","aria-label":this.ariaLabel,tabindex:"-1",ref:n=>this.dialogEl=n},r("button",{type:"button",class:"xplor-modal__close-btn",onClick:this.closeModal,"aria-label":"Close modal","data-testid":"common-modal-close-button"},"✕"),r("div",{class:"xplor-modal__title",id:"xplor-modal-title"},r("slot",{name:"title"})),r("div",{class:"xplor-modal__subtitle"},r("slot",{name:"subtitle"})),r("div",{class:e},this.loading?r("div",{class:"xplor-modal__loading",role:"status","aria-label":"Loading"},r("div",{class:"xplor-modal__spinner"})):[r("slot",{name:"body"}),r("slot",null)]),r("div",{class:"xplor-modal__actions"},r("slot",{name:"actions"})))))}get el(){return o(this)}static get watchers(){return{open:["handleOpenChange"]}}};ue.style=fe;const ye=class{constructor(r){n(this,r);this.xplorClose=e(this,"xplorClose");this.open=false;this.width="600px";this.maxWidth="90%";this.maxHeight="90%";this.loading=false}render(){return r(t,{key:"60cd29fcdff8efad4d0b24f4532acb86e4f6220b"},r("xplor-modal",{key:"6252525de022fcc1098e2e179c4aedb81ebb15d3",open:this.open,width:this.width,maxWidth:this.maxWidth,maxHeight:this.maxHeight,loading:this.loading,persistent:true,onXplorClose:()=>this.xplorClose.emit()},r("slot",{key:"484eeecc00f647e920878512f5e6bd61b41ba825",name:"title",slot:"title"}),r("slot",{key:"e3fb52e2f19fdd4346fc4d014a0391dcc3e7c156",name:"subtitle",slot:"subtitle"}),r("slot",{key:"aa8a47b1afa24229269c08783fe0b69c5a258adc",name:"body",slot:"body"}),r("slot",{key:"8d1711d5e3223922596a26ce4eb9d30288c259ed",name:"actions",slot:"actions"})))}};const ve='@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-nav-tabs {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-nav-tabs {\n width: 600px !important;\n }\n}\nh1.sc-xplor-nav-tabs {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-nav-tabs {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-nav-tabs {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-nav-tabs {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-nav-tabs, ul.sc-xplor-nav-tabs {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-nav-tabs li.sc-xplor-nav-tabs, ul.sc-xplor-nav-tabs li.sc-xplor-nav-tabs {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-nav-tabs, ul.mdc-list.sc-xplor-nav-tabs {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-nav-tabs li.mdc-list-item.sc-xplor-nav-tabs, ul.mdc-list.sc-xplor-nav-tabs li.mdc-list-item.sc-xplor-nav-tabs {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-nav-tabs {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-nav-tabs {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-nav-tabs {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-nav-tabs {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-nav-tabs .mdc-text-field--outlined.sc-xplor-nav-tabs .mdc-notched-outline__notch.sc-xplor-nav-tabs {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-nav-tabs .mdc-notched-outline__notch.sc-xplor-nav-tabs {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-nav-tabs .mdc-notched-outline.sc-xplor-nav-tabs .mdc-notched-outline__notch.sc-xplor-nav-tabs {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-nav-tabs {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-nav-tabs:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-nav-tabs {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-nav-tabs-h {\n display: block;\n}\n\n.nav-tabs.sc-xplor-nav-tabs {\n display: flex;\n border-bottom: 2px solid #e0e0e0;\n gap: 0;\n}\n.nav-tabs--grow.sc-xplor-nav-tabs .nav-tabs__tab.sc-xplor-nav-tabs {\n flex: 1;\n}\n\n.nav-tabs__tab.sc-xplor-nav-tabs {\n background: none;\n border: none;\n padding: 0.75rem 1.5rem;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n color: #757575;\n position: relative;\n transition: color 0.2s;\n white-space: nowrap;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n.nav-tabs__tab.sc-xplor-nav-tabs::after {\n content: "";\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 2px;\n background-color: transparent;\n transition: background-color 0.2s;\n}\n.nav-tabs__tab.sc-xplor-nav-tabs:hover:not(.nav-tabs__tab--disabled) {\n color: #424242;\n}\n.nav-tabs__tab.sc-xplor-nav-tabs:focus {\n outline: 2px solid #1976d2;\n outline-offset: -2px;\n}\n.nav-tabs__tab--active.sc-xplor-nav-tabs {\n color: #1976d2;\n}\n.nav-tabs__tab--active.sc-xplor-nav-tabs::after {\n background-color: #1976d2;\n}\n.nav-tabs--secondary.sc-xplor-nav-tabs .nav-tabs__tab--active.sc-xplor-nav-tabs {\n color: #9c27b0;\n}\n.nav-tabs--secondary.sc-xplor-nav-tabs .nav-tabs__tab--active.sc-xplor-nav-tabs::after {\n background-color: #9c27b0;\n}\n.nav-tabs__tab--disabled.sc-xplor-nav-tabs {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.nav-tabs--secondary.sc-xplor-nav-tabs .nav-tabs__tab.sc-xplor-nav-tabs:hover:not(.nav-tabs__tab--disabled) {\n color: #7b1fa2;\n}';const ke=class{constructor(r){n(this,r);this.xplorChange=e(this,"xplorChange");this.items=[];this.color="primary";this.grow=false;this.handleTabClick=n=>{if(n.disabled)return;this.value=n.value;this.xplorChange.emit(n.value)}}handleKeyDown(n){const e=this.items.filter((n=>!n.disabled));if(e.length===0)return;const r=e.findIndex((n=>n.value===this.value));let t=r;switch(n.key){case"ArrowRight":n.preventDefault();t=r<e.length-1?r+1:0;break;case"ArrowLeft":n.preventDefault();t=r>0?r-1:e.length-1;break;case"Home":n.preventDefault();t=0;break;case"End":n.preventDefault();t=e.length-1;break;default:return}const o=e[t];this.value=o.value;this.xplorChange.emit(o.value);const i=this.el.querySelectorAll('button[role="tab"]');const a=this.items.indexOf(o);const l=i[a];if(l){l.focus()}}render(){return r(t,{key:"1a94314129f0f6c94df3196ef7e2a493b6626fd7"},r("div",{key:"71b0ee2d2baab1fed571ed88f04fc49754b2952e",class:{"nav-tabs":true,"nav-tabs--grow":this.grow,[`nav-tabs--${this.color}`]:true},role:"tablist"},this.items.map((n=>r("button",{key:n.value,class:{"nav-tabs__tab":true,"nav-tabs__tab--active":this.value===n.value,"nav-tabs__tab--disabled":n.disabled},onClick:()=>this.handleTabClick(n),disabled:n.disabled,role:"tab","aria-selected":this.value===n.value?"true":"false",tabIndex:this.value===n.value?0:-1,type:"button"},n.label))),r("slot",{key:"fbf08f6785a81babc1c29359f0dff202dca18d6c"})))}get el(){return o(this)}};ke.style=ve;const we="/* on mobile browsers, I set a width of 100% /\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n / html[data-theme='office'] {\n --color-primary: rgb(219, 59, 3);\n --color-secondary: rgb(0, 119, 107);\n --color-buttons: #89da59;\n --color-typography: #ff320e;\n }\n\n html {\n --color-primary: #db3b03;\n --color-primary-50: #db3b03;\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgb(0, 119, 107);\n --color-tertiary: rgb(128, 104, 186);\n } /\n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n /* Fallback /\n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n / Fallback /\n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n/ on large screens, I use a different layout, so 600px are sufficient /\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce {\n width: 600px !important;\n }\n}\nh1 {\n color: var(--color-primary);\n / Header/H1 /\n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; / 116.667% /\n}\n\nh2 {\n color: var(--grey-1100252525, #252525);\n / Header/H2 Bold /\n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; / 118.75% /\n letter-spacing: 0.25px;\n}\n\nh3 {\n color: var(--grey-1100252525, #252525);\n / Header/H3 /\n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; / 133.333% /\n}\n\n.overline {\n color: var(--grey-1100252525, #252525);\n / Overline/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; / 133.333% /\n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol,\nul {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol li,\nul li {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list,\nul.mdc-list {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list li.mdc-list-item,\nul.mdc-list li.mdc-list-item {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label {\n color: var(--Orange-900-Primary, #db3b03);\n / Caption 1/Regular /\n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; / 133.333% /\n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg {\n background-color: #fefcfb;\n}\n\n#spinnerLoader {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label {\n background-color: white;\n}\n\n.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused .mdc-notched-outline__notch {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) 2);\n border-top: transparent;\n}\n\n.generate-btn {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n:host {\n display: inline-block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.radio-wrapper {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n.radio-wrapper--disabled {\n cursor: not-allowed;\n}\n\n.radio {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid #9ca3af;\n background: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.15s ease;\n outline: none;\n position: relative;\n flex-shrink: 0;\n}\n.radio.hover {\n border-color: #059669;\n background: #d1fae5;\n}\n.radio.focus {\n border-color: #059669;\n background: #a7f3d0;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.2);\n}\n.radio.pressed {\n border-color: #059669;\n background: #6ee7b7;\n}\n.radio.checked {\n border-color: #059669;\n}\n.radio.checked.hover {\n background: #d1fae5;\n}\n.radio.checked.hover .radio-inner {\n background: #059669;\n}\n.radio.checked.focus {\n background: #a7f3d0;\n box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.2);\n}\n.radio.checked.focus .radio-inner {\n background: #059669;\n}\n.radio.checked.pressed {\n background: #6ee7b7;\n}\n.radio.checked.pressed .radio-inner {\n background: #059669;\n}\n.radio.error {\n border-color: #ef4444;\n}\n.radio.error.hover {\n background: #fee2e2;\n border-color: #ef4444;\n}\n.radio.error.focus {\n background: #fecaca;\n border-color: #ef4444;\n box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);\n}\n.radio.error.pressed {\n background: #fca5a5;\n border-color: #ef4444;\n}\n.radio.error.checked .radio-inner {\n background: #ef4444;\n}\n.radio.disabled {\n opacity: 0.4;\n cursor: not-allowed;\n border-color: #d1d5db;\n background: white;\n}\n.radio.disabled.checked {\n border-color: #9ca3af;\n}\n.radio.disabled.checked .radio-inner {\n background: #9ca3af;\n}\n\n.radio-inner {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #059669;\n transform: scale(0);\n transition: transform 0.15s ease;\n}\n.radio-inner--visible {\n transform: scale(1);\n}\n\n.label {\n font-size: 14px;\n color: #374151;\n user-select: none;\n}\n\n.radio-wrapper--disabled .label {\n opacity: 0.4;\n}";const _e=class{constructor(r){n(this,r);this.radioChange=e(this,"radioChange");this.label="";this.value="";this.name="";this.initialChecked=false;this.disabled=false;this.error=false;this.checked=false;this.isHovered=false;this.isFocused=false;this.isPressed=false;this.handleClick=()=>{if(this.disabled\|\|this.checked)return;this.getSiblingRadios().forEach((n=>n.deselect()));this.checked=true;this.radioChange.emit({value:this.value,checked:this.checked})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key===" "\|\|n.key==="Enter"){n.preventDefault();this.isPressed=true;this.handleClick()}};this.handleKeyUp=n=>{if(n.key===" "\|\|n.key==="Enter"){this.isPressed=false}};this.getRadioClass=()=>{const n=["radio"];if(this.checked)n.push("checked");if(this.disabled)n.push("disabled");if(this.error)n.push("error");if(this.isHovered&&!this.disabled)n.push("hover");if(this.isFocused&&!this.disabled)n.push("focus");if(this.isPressed&&!this.disabled)n.push("pressed");return n.join(" ")}}watchCheckedProp(n){this.checked=n}componentWillLoad(){this.checked=this.initialChecked}async deselect(){this.checked=false}getSiblingRadios(){if(!this.name)return[];const n=this.el.parentElement;if(!n)return[];const e=Array.from(n.querySelectorAll(`xplor-radio-btn[name="${this.name}"]`));return e.filter((n=>n!==this.el))}render(){return r("label",{key:"dee9c14f54e292d18b3267ca5e2000aca36b0456",class:{"radio-wrapper":true,"radio-wrapper--disabled":this.disabled}},r("div",{key:"30bd9ba24abb9b37e6baa55d6ba767a2058cd1d0",class:this.getRadioClass(),onClick:this.handleClick,onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,onMouseDown:()=>this.isPressed=true,onMouseUp:()=>this.isPressed=false,onFocus:()=>this.isFocused=true,onBlur:()=>this.isFocused=false,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,tabIndex:this.disabled?-1:0,role:"radio","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),"aria-label":this.label},r("div",{key:"d09a47486e2041f12cbdeadd29fd537cab41db3b",class:{"radio-inner":true,"radio-inner--visible":this.checked}})),this.label&&r("span",{key:"d8b820cd1b843f33a99a64c236f3f53a1c68be70",class:"label"},this.label))}get el(){return o(this)}static get watchers(){return{initialChecked:["watchCheckedProp"]}}};_e.style=we;const ze="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-section-card {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-section-card {\n width: 600px !important;\n }\n}\nh1.sc-xplor-section-card {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-section-card {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-section-card {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-section-card {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-section-card, ul.sc-xplor-section-card {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-section-card li.sc-xplor-section-card, ul.sc-xplor-section-card li.sc-xplor-section-card {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-section-card, ul.mdc-list.sc-xplor-section-card {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-section-card li.mdc-list-item.sc-xplor-section-card, ul.mdc-list.sc-xplor-section-card li.mdc-list-item.sc-xplor-section-card {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-section-card {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-section-card {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-section-card {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-section-card {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-section-card .mdc-text-field--outlined.sc-xplor-section-card .mdc-notched-outline__notch.sc-xplor-section-card {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-section-card .mdc-notched-outline__notch.sc-xplor-section-card {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-section-card .mdc-notched-outline.sc-xplor-section-card .mdc-notched-outline__notch.sc-xplor-section-card {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-section-card {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-section-card:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-section-card {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-section-card {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-section-card {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-section-card {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-section-card {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-section-card {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-section-card {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-section-card {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-section-card {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-section-card {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-section-card {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-section-card {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-section-card {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-section-card {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-section-card {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-section-card {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-section-card {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-section-card {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-section-card {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-section-card {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-section-card {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-section-card {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-section-card {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-section-card {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-section-card {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-section-card {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-section-card {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-section-card {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-section-card {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-section-card {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-section-card {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-section-card {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-section-card {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-section-card {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-section-card {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-section-card {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-section-card {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-section-card {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-section-card {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-section-card {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-section-card {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-section-card {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-section-card {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-section-card {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-section-card {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-section-card {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-section-card {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-section-card {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-section-card {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-section-card {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-section-card {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-section-card {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-section-card {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-section-card {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-section-card {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-section-card {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-section-card {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-section-card {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-section-card {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-section-card {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-section-card {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-section-card {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-section-card {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-section-card {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-section-card {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-section-card {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-section-card {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-section-card {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-section-card {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-section-card {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-section-card {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-section-card {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-section-card {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-section-card {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-section-card {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-section-card {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-section-card {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-section-card {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-section-card {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-section-card {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-section-card {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-section-card {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-section-card {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-section-card {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-section-card {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-section-card {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-section-card {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-section-card {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-section-card {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-section-card {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-section-card {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-section-card {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-section-card {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-section-card {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-section-card {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-section-card {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-section-card {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-section-card {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-section-card {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-section-card {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-section-card {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-section-card {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-section-card {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-section-card {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-section-card {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-section-card {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-section-card {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-section-card {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-section-card {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-section-card {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-section-card {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-section-card {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-section-card {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-section-card {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-section-card {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-section-card {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-section-card {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-section-card {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-section-card {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-section-card {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-section-card {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-section-card {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-section-card {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-section-card {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-section-card {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-section-card {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-section-card {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-section-card {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-section-card {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-section-card {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-section-card {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-section-card {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-section-card {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-section-card {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-section-card {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-section-card {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-section-card {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-section-card {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-section-card {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-section-card {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-section-card {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-section-card {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-section-card {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-section-card {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-section-card {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-section-card {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-section-card {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-section-card {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-section-card {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-section-card {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-section-card {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-section-card {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-section-card {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-section-card {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-section-card {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-section-card {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-section-card {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-section-card {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-section-card {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-section-card {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-section-card {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-section-card {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-section-card {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-section-card {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-section-card {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-section-card {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-section-card {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-section-card {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-section-card {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-section-card {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-section-card {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-section-card {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-section-card {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-section-card {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-section-card {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-section-card {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-section-card {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-section-card {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-section-card {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-section-card {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-section-card {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-section-card {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-section-card {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-section-card-h {\n display: block;\n}\n\n.section-card.sc-xplor-section-card {\n background: white;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n.section-card--outlined.sc-xplor-section-card {\n border: 2px solid #D0C7E5;\n}\n.section-card--rounded.sc-xplor-section-card {\n border-radius: 1rem;\n}\n.section-card__body.sc-xplor-section-card {\n flex: 1;\n}\n.section-card__actions.sc-xplor-section-card {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding-top: 0.5rem;\n}\n.section-card__actions.sc-xplor-section-card:empty {\n display: none;\n}";const Ce=class{constructor(e){n(this,e);this.outlined=true;this.rounded=true;this.padding="1.5rem"}render(){return r(t,{key:"14876af087f131508ff26d4fefbba1792fb1f092"},r("div",{key:"38bf7ff900f46b701416e2a3483c66728939cf8c",class:{"section-card":true,"section-card--outlined":this.outlined,"section-card--rounded":this.rounded},style:{padding:this.padding}},r("slot",{key:"2189b986d9b08b1ef6168af7a5fe24da4a599301",name:"title"}),r("slot",{key:"c3efe60808ac203e0c9a63c7c636dee242856bf0",name:"subtitle"}),r("div",{key:"cf9d94651682ca4d1da25ccadbbfe2168295a326",class:"section-card__body"},r("slot",{key:"732633bbbe5ad06f1c10222e81929a33ba06a12c",name:"body"}),r("slot",{key:"e403abfc1b71759aab693c700b5ed8be1215f30e"})),r("div",{key:"89ffdd8215a88483635d1542a56a6f446abf61c4",class:"section-card__actions"},r("slot",{key:"e21b2e8b8cd048c4a0dfd369684186b547cc7611",name:"actions"}))))}};Ce.style=ze;const Ie="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-section-heading {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-section-heading {\n width: 600px !important;\n }\n}\nh1.sc-xplor-section-heading {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-section-heading {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-section-heading {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-section-heading {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-section-heading, ul.sc-xplor-section-heading {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-section-heading li.sc-xplor-section-heading, ul.sc-xplor-section-heading li.sc-xplor-section-heading {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-section-heading, ul.mdc-list.sc-xplor-section-heading {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-section-heading li.mdc-list-item.sc-xplor-section-heading, ul.mdc-list.sc-xplor-section-heading li.mdc-list-item.sc-xplor-section-heading {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-section-heading {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-section-heading {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-section-heading {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-section-heading {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-section-heading .mdc-text-field--outlined.sc-xplor-section-heading .mdc-notched-outline__notch.sc-xplor-section-heading {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-section-heading .mdc-notched-outline__notch.sc-xplor-section-heading {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-section-heading .mdc-notched-outline.sc-xplor-section-heading .mdc-notched-outline__notch.sc-xplor-section-heading {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-section-heading {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-section-heading:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-section-heading {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-section-heading-h {\n display: block;\n font-size: 1rem;\n}\n\n.section-heading.sc-xplor-section-heading {\n line-height: 1.33;\n letter-spacing: 3.2px;\n text-transform: uppercase;\n font-weight: 500;\n}\n.section-heading--small.sc-xplor-section-heading {\n font-size: 0.9em;\n}\n.section-heading--large.sc-xplor-section-heading {\n font-size: 1.1em;\n}";const Se=class{constructor(e){n(this,e);this.size="medium";this.level=2}render(){const n=`h${this.level}`;return r(t,{key:"dbd9dc5f552dd6a20d6a5e39efd636ced45df7cb"},r(n,{key:"90ceffcb3383b8d167e11e42cb6a2e915ddeec1b",class:{"section-heading":true,"section-heading--small":this.size==="small","section-heading--large":this.size==="large"}},r("slot",{key:"dd861c58c3e59e0bb4b0e7195ecaaa55ffab4912"},this.text)))}};Se.style=Ie;const je=n=>{switch(n){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}};const Te=class{constructor(r){n(this,r);this.tableSelect=e(this,"tableSelect");this.selectedValues=[];this.isSortable=true;this.sortableColumns=[];this.areAllSelected=false;this.hasScrolled=false;this.sortTypeArray=[];this.selectedDateRange="All";this.currentPage=1;this.totalPages=3;this.handlePagination=n=>{switch(n){case"first":this.currentPage=1;break;case"prev":if(this.currentPage>1)this.currentPage--;break;case"next":if(this.currentPage<this.totalPages)this.currentPage++;break;case"last":this.currentPage=this.totalPages;break}};this.handleDateRangeChange=n=>{const e=n.target;this.selectedDateRange=e.value};this.handleFilterReports=()=>{console.log("Filter reports clicked")};this.handleDownloadAll=()=>{console.log("Download all clicked")};this.selectAllValue=Math.random().toString(36).slice(2);this.selectAll=n=>{const{target:e}=n;if(!(e instanceof HTMLInputElement))return;const{checked:r}=e;this.areAllSelected=r;this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child input")).map((n=>r?n===null\|\|n===void 0?void 0:n.value:r)):this.selected.map((()=>r));this.onChange()};this.selectOne=(n,e)=>{const{target:r}=n;if(!(r instanceof HTMLInputElement))return;const{checked:t,value:o}=r;this.areAllSelected=false;this.selected=this.selected.map(((n,r)=>{if(r!==e)return n;return this.selectedValues.length>0?t?o:t:t}));this.onChange()};this.onChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})};this.onScroll=()=>{this.hasScrolled=this.container.scrollLeft>0};this.sortBy=n=>{this.sortTypeArray=this.sortTypeArray.map(((e,r)=>{if(r!==n)return null;switch(e){case"asc":return"desc";case"desc":return null;default:return"asc"}}));const e=(e,r)=>{if(e[n].toLocaleLowerCase()<r[n].toLocaleLowerCase()){return-1}if(e[n].toLocaleLowerCase()>r[n].toLocaleLowerCase()){return 1}return 0};if(this.sortTypeArray[n]==="asc"){this.rowData.sort(((n,r)=>e(n,r)))}else if(this.sortTypeArray[n]==="desc"){this.rowData.sort(((n,r)=>e(r,n)))}else{this.rowData=this.data;this.sortTypeArray[n]=null}this.rowData=Array.from(this.rowData);this.render()};this.setData=()=>{this.rowData=this.data!==undefined?Array.from(this.data):[]}}getPaginatedData(){const n=(this.currentPage-1)10;const e=n+10;return this.rowData.slice(n,e)}watchData(){this.setData()}componentWillLoad(){this.areAllSelected=false;this.setData();this.selected=new Array(this.rowData.length).fill(false);this.sortTypeArray=this.columns&&this.columns.map((()=>null))}render(){let n="xpl-table";if(this.striped)n+=" xpl-table--striped";if(this.freeze)n+=" xpl-table--freeze";if(this.hasScrolled)n+=" xpl-table--has-scrolled";const e=this.getPaginatedData();return r(t,{key:"da8ded4b349560e2272fd0ffa1395ffc04d92769",class:"xplor-table"},r("div",{key:"5cddb71e28a6eb512bbe0a209816fb8ba8050e22",class:"bg-white rounded-lg shadow-sm border border-gray-200 p-6 max-w-6xl mx-auto"},r("div",{key:"24abe132c8b2889e656f39b197dcb2348cf7c49b",class:"xpl-table-container",onScroll:this.onScroll,ref:n=>{this.container=n}},r("div",{key:"afd56f434c013d1175c198790562f60cbed5d6ce",class:"mb-6"},r("h1",{key:"ba650cfc24623c63910f9dfb7547272dc2adbe68",class:"text-xl font-semibold text-gray-900 mb-4"},"Head Counts Report"),r("div",{key:"4150efe6295d6697a787322e6bc8550d82296b69",class:"flex flex-wrap items-center gap-4 mb-6"},r("div",{key:"1bef7dc05a99081de7b2cf0588c58fb4cd0cb429",class:"flex items-center gap-2"},r("label",{key:"ce45f248fd5151412bd64f75038996e3febf09a1",class:"text-sm text-gray-600 font-medium"},"Date Range"),r("select",{key:"cc7b10bb86619c119bb3d4f5ab5267f733ad7805",class:"border border-gray-300 rounded px-3 py-1.5 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-teal-500",onInput:this.handleDateRangeChange},r("option",{key:"62474a4b5ad2fd7ba9f0806bf7bb26b487df04ff",value:"All"},"All"),r("option",{key:"aba4fb209168ae645d87475f0467ba38ee258f7e",value:"Today"},"Today"),r("option",{key:"8203884e17bdcd012f90245dde1b9aec9abf16ed",value:"This Week"},"This Week"),r("option",{key:"7a721035e8d8e31d61869f7513b586e06d06b1e9",value:"This Month"},"This Month"),r("option",{key:"9a1d085c513236cb746cc9a6ebac1c48c8e35214",value:"Custom"},"Custom Range")),r("button",{key:"7119eae652a26a19f774fe2a3e2564a993937caa",class:"p-1.5 border border-gray-300 rounded hover:bg-gray-50"},r("svg",{key:"c430ab8a591ebd2e9c7cf14dd0f0758419be1178",class:"w-4 h-4 text-gray-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"8330e74a528e0890375f9277d8dc7481bb88e8f9","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})))),r("button",{key:"85dc3c28587d7ce09cdb8dfe50e2b44f0f04b7c9",onClick:this.handleFilterReports,class:"bg-teal-600 hover:bg-teal-700 text-white px-4 py-1.5 rounded text-sm font-medium transition-colors"},"Filter Reports"),r("button",{key:"36d9d5fc49d73a0944c7abf1f5b96932d9789f0b",onClick:this.handleDownloadAll,class:"flex items-center gap-2 text-gray-600 hover:text-gray-800 text-sm"},r("svg",{key:"81cbf1b31e01c1d4fbba64b53b21bc26146d6f84",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"d3c68b2337d4a4ab9a8d218d9aa722814d548e1b","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})),"Download All"))),r("table",{key:"782e125327cea0381296ab5a3f2e3ddec6f42f24",class:`w-full ${n}`},this.columns&&r("thead",{key:"ad3958e4d04f974dd47136da227afb662ff6cc7f"},this.columns.map(((n,e)=>{const t=je(this.sortTypeArray[e]);const o=!!(this.isSortable&&this.sortableColumns[e]);return r("th",{class:"text-left py-3 px-4 text-sm font-medium text-gray-600","aria-sort":o&&this.sortTypeArray[e]?this.sortTypeArray[e]==="asc"?"ascending":"descending":o?"none":undefined},this.multiselect&&e===0?r("label",{onClick:n=>{n.preventDefault();n.stopPropagation();if(o){this.sortBy(e)}},class:o?"cursor-pointer":""},r("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((n=>n)),onClick:n=>{n.stopPropagation();this.selectAll(n)},type:"checkbox",value:`select-all-${this.selectAllValue}`,"aria-label":"Select all rows"}),n,o&&!!this.sortTypeArray[e]&&r("xpl-icon",{icon:t,size:16})):r("label",{onClick:()=>o&&this.sortBy(e),class:o?"cursor-pointer":"","aria-label":o?`Sort by ${n}`:undefined},n,o&&!!this.sortTypeArray[e]&&r("svg",{width:"11",height:"6",viewBox:"0 0 11 6",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M10.5 5.5L5.5 0.5L0.5 5.5L10.5 5.5Z",fill:"currentColor"}))))}))),r("tbody",{key:"1168d8fb9e1f324b37abdc1e8a899bb14dedf786"},e.map(((n,e)=>r("tr",{class:`border-b border-gray-100 hover:bg-gray-50`},n.map(((n,t)=>r("td",{class:"py-3 px-4 text-sm text-gray-900"},this.multiselect&&t===0?r("label",{class:"flex items-center gap-2",htmlFor:`__xpl-table-row-${e}`},r("input",{id:`__xpl-table-row-${e}`,checked:!!this.selected[e],type:"checkbox",onChange:n=>this.selectOne(n,e),value:this.selectedValues.length>0?this.selectedValues[e]:`xpl-table-checkbox-${e}`}),r("div",{innerHTML:n})):r("div",{innerHTML:n}))))))))),r("div",{key:"dddc5e97acb0270689af29fdfbb0a96018074f48",id:"pagination",class:"w-full flex items-center justify-between mt-6 text-sm"},r("div",{key:"e7a37384aacfcd801b904082b028dd7b646b7938",class:"flex items-center gap-2"},r("button",{key:"0d099c93f970f255015df19a10736c76317f3d58",onClick:()=>this.handlePagination("first"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===1},r("svg",{key:"3ef73d6177480ef3c6bb2e0ba3c11faf93fad40a",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"61447e4f959176a412b9702dfd5f0c126dfd1dcf","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11 19l-7-7 7-7m8 14l-7-7 7-7"}))),r("button",{key:"5d996706416e30beeb36b3ccf5f49a0f728c9d46",onClick:()=>this.handlePagination("prev"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===1},r("svg",{key:"a4e874b1db8cb252698f36497aebbfd8dfef9f7d",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"9ea64241e49ebfdc43f26317c1403a0dec074a2e","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})))),r("span",{key:"25c2b77e2d374c782bef6907bbaa5f7d1c2b9a51",class:"text-gray-600"},"Page ",this.currentPage," of ",this.totalPages),r("div",{key:"6586812fde391e75b56da67db64eeece80629dbc",class:"flex items-center gap-2"},r("button",{key:"f63385fd3ccae39ecb97b10fc92f204fb3e2fd62",onClick:()=>this.handlePagination("next"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===this.totalPages},r("svg",{key:"2024b6fa282b30ffcd8870dab2f50c0f1af0f4ef",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"397312376d85ef4262c42f0f4382371aeb0c5eef","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"}))),r("button",{key:"bb42b666d217a21b3f2b91b28eaa39a96ad403ba",onClick:()=>this.handlePagination("last"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===this.totalPages},r("svg",{key:"2e8f28f57ef6fd799559ae70c3c9bc9d7d74cdc3",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},r("path",{key:"02270640aefaf430f27acf75465bfc5b30d2a881","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M13 5l7 7-7 7M5 5l7 7-7 7"}))))))))}get el(){return o(this)}static get watchers(){return{data:["watchData"]}}};const Le="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-text-bubble {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-text-bubble {\n width: 600px !important;\n }\n}\nh1.sc-xplor-text-bubble {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-text-bubble {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-text-bubble {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-text-bubble {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-text-bubble, ul.sc-xplor-text-bubble {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-text-bubble li.sc-xplor-text-bubble, ul.sc-xplor-text-bubble li.sc-xplor-text-bubble {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-text-bubble, ul.mdc-list.sc-xplor-text-bubble {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-text-bubble li.mdc-list-item.sc-xplor-text-bubble, ul.mdc-list.sc-xplor-text-bubble li.mdc-list-item.sc-xplor-text-bubble {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-text-bubble {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-text-bubble {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-text-bubble {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-text-bubble {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-text-bubble .mdc-text-field--outlined.sc-xplor-text-bubble .mdc-notched-outline__notch.sc-xplor-text-bubble {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-text-bubble .mdc-notched-outline__notch.sc-xplor-text-bubble {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-text-bubble .mdc-notched-outline.sc-xplor-text-bubble .mdc-notched-outline__notch.sc-xplor-text-bubble {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-text-bubble {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-text-bubble:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-text-bubble {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-text-bubble-h {\n display: block;\n}\n\n.text-bubble.sc-xplor-text-bubble {\n border-radius: 16px;\n padding: 12px;\n color: #000;\n}\n.text-bubble--green.sc-xplor-text-bubble {\n border: 1px solid #00B2A8;\n background: #DFF2F1;\n}\n.text-bubble--orange.sc-xplor-text-bubble {\n border: 1px solid #F28602;\n background: #FEF2E0;\n}";const Me=class{constructor(e){n(this,e);this.color="orange"}render(){return r(t,{key:"bd93a7c09ef941a3c5a18b8b6b0704b2c9842b23"},r("div",{key:"234e72bed4c9cdf297901639130b452dd82392cf",class:{"text-bubble":true,"text-bubble--green":this.color==="green","text-bubble--orange":this.color==="orange"}},r("slot",{key:"92c5fe22e00dd2506b15d49333ba8e31021d9bbf"})))}};Me.style=Le;const $e="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-text-field {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-text-field {\n width: 600px !important;\n }\n}\nh1.sc-xplor-text-field {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-text-field {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-text-field {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-text-field {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-text-field, ul.sc-xplor-text-field {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-text-field li.sc-xplor-text-field, ul.sc-xplor-text-field li.sc-xplor-text-field {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-text-field, ul.mdc-list.sc-xplor-text-field {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-text-field li.mdc-list-item.sc-xplor-text-field, ul.mdc-list.sc-xplor-text-field li.mdc-list-item.sc-xplor-text-field {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-text-field {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-text-field {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-text-field {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-text-field {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-text-field .mdc-text-field--outlined.sc-xplor-text-field .mdc-notched-outline__notch.sc-xplor-text-field {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-text-field .mdc-notched-outline__notch.sc-xplor-text-field {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-text-field .mdc-notched-outline.sc-xplor-text-field .mdc-notched-outline__notch.sc-xplor-text-field {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-text-field {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-text-field:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-text-field {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.margin-128.sc-xplor-text-field {\n margin: 8rem;\n}\n\n.margin-t-128.sc-xplor-text-field {\n margin-top: 8rem;\n}\n\n.margin-r-128.sc-xplor-text-field {\n margin-right: 8rem;\n}\n\n.margin-b-128.sc-xplor-text-field {\n margin-bottom: 8rem;\n}\n\n.margin-l-128.sc-xplor-text-field {\n margin-left: 8rem;\n}\n\n.margin-x-128.sc-xplor-text-field {\n margin-left: 8rem;\n margin-right: 8rem;\n}\n\n.margin-y-128.sc-xplor-text-field {\n margin-top: 8rem;\n margin-bottom: 8rem;\n}\n\n.margin-80.sc-xplor-text-field {\n margin: 5rem;\n}\n\n.margin-t-80.sc-xplor-text-field {\n margin-top: 5rem;\n}\n\n.margin-r-80.sc-xplor-text-field {\n margin-right: 5rem;\n}\n\n.margin-b-80.sc-xplor-text-field {\n margin-bottom: 5rem;\n}\n\n.margin-l-80.sc-xplor-text-field {\n margin-left: 5rem;\n}\n\n.margin-x-80.sc-xplor-text-field {\n margin-left: 5rem;\n margin-right: 5rem;\n}\n\n.margin-y-80.sc-xplor-text-field {\n margin-top: 5rem;\n margin-bottom: 5rem;\n}\n\n.margin-64.sc-xplor-text-field {\n margin: 4rem;\n}\n\n.margin-t-64.sc-xplor-text-field {\n margin-top: 4rem;\n}\n\n.margin-r-64.sc-xplor-text-field {\n margin-right: 4rem;\n}\n\n.margin-b-64.sc-xplor-text-field {\n margin-bottom: 4rem;\n}\n\n.margin-l-64.sc-xplor-text-field {\n margin-left: 4rem;\n}\n\n.margin-x-64.sc-xplor-text-field {\n margin-left: 4rem;\n margin-right: 4rem;\n}\n\n.margin-y-64.sc-xplor-text-field {\n margin-top: 4rem;\n margin-bottom: 4rem;\n}\n\n.margin-56.sc-xplor-text-field {\n margin: 3.5rem;\n}\n\n.margin-t-56.sc-xplor-text-field {\n margin-top: 3.5rem;\n}\n\n.margin-r-56.sc-xplor-text-field {\n margin-right: 3.5rem;\n}\n\n.margin-b-56.sc-xplor-text-field {\n margin-bottom: 3.5rem;\n}\n\n.margin-l-56.sc-xplor-text-field {\n margin-left: 3.5rem;\n}\n\n.margin-x-56.sc-xplor-text-field {\n margin-left: 3.5rem;\n margin-right: 3.5rem;\n}\n\n.margin-y-56.sc-xplor-text-field {\n margin-top: 3.5rem;\n margin-bottom: 3.5rem;\n}\n\n.margin-48.sc-xplor-text-field {\n margin: 3rem;\n}\n\n.margin-t-48.sc-xplor-text-field {\n margin-top: 3rem;\n}\n\n.margin-r-48.sc-xplor-text-field {\n margin-right: 3rem;\n}\n\n.margin-b-48.sc-xplor-text-field {\n margin-bottom: 3rem;\n}\n\n.margin-l-48.sc-xplor-text-field {\n margin-left: 3rem;\n}\n\n.margin-x-48.sc-xplor-text-field {\n margin-left: 3rem;\n margin-right: 3rem;\n}\n\n.margin-y-48.sc-xplor-text-field {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n\n.margin-40.sc-xplor-text-field {\n margin: 2.5rem;\n}\n\n.margin-t-40.sc-xplor-text-field {\n margin-top: 2.5rem;\n}\n\n.margin-r-40.sc-xplor-text-field {\n margin-right: 2.5rem;\n}\n\n.margin-b-40.sc-xplor-text-field {\n margin-bottom: 2.5rem;\n}\n\n.margin-l-40.sc-xplor-text-field {\n margin-left: 2.5rem;\n}\n\n.margin-x-40.sc-xplor-text-field {\n margin-left: 2.5rem;\n margin-right: 2.5rem;\n}\n\n.margin-y-40.sc-xplor-text-field {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n\n.margin-32.sc-xplor-text-field {\n margin: 2rem;\n}\n\n.margin-t-32.sc-xplor-text-field {\n margin-top: 2rem;\n}\n\n.margin-r-32.sc-xplor-text-field {\n margin-right: 2rem;\n}\n\n.margin-b-32.sc-xplor-text-field {\n margin-bottom: 2rem;\n}\n\n.margin-l-32.sc-xplor-text-field {\n margin-left: 2rem;\n}\n\n.margin-x-32.sc-xplor-text-field {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n.margin-y-32.sc-xplor-text-field {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.margin-24.sc-xplor-text-field {\n margin: 1.5rem;\n}\n\n.margin-t-24.sc-xplor-text-field {\n margin-top: 1.5rem;\n}\n\n.margin-r-24.sc-xplor-text-field {\n margin-right: 1.5rem;\n}\n\n.margin-b-24.sc-xplor-text-field {\n margin-bottom: 1.5rem;\n}\n\n.margin-l-24.sc-xplor-text-field {\n margin-left: 1.5rem;\n}\n\n.margin-x-24.sc-xplor-text-field {\n margin-left: 1.5rem;\n margin-right: 1.5rem;\n}\n\n.margin-y-24.sc-xplor-text-field {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.margin-20.sc-xplor-text-field {\n margin: 1.25rem;\n}\n\n.margin-t-20.sc-xplor-text-field {\n margin-top: 1.25rem;\n}\n\n.margin-r-20.sc-xplor-text-field {\n margin-right: 1.25rem;\n}\n\n.margin-b-20.sc-xplor-text-field {\n margin-bottom: 1.25rem;\n}\n\n.margin-l-20.sc-xplor-text-field {\n margin-left: 1.25rem;\n}\n\n.margin-x-20.sc-xplor-text-field {\n margin-left: 1.25rem;\n margin-right: 1.25rem;\n}\n\n.margin-y-20.sc-xplor-text-field {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.margin-16.sc-xplor-text-field {\n margin: 1rem;\n}\n\n.margin-t-16.sc-xplor-text-field {\n margin-top: 1rem;\n}\n\n.margin-r-16.sc-xplor-text-field {\n margin-right: 1rem;\n}\n\n.margin-b-16.sc-xplor-text-field {\n margin-bottom: 1rem;\n}\n\n.margin-l-16.sc-xplor-text-field {\n margin-left: 1rem;\n}\n\n.margin-x-16.sc-xplor-text-field {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n\n.margin-y-16.sc-xplor-text-field {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.margin-12.sc-xplor-text-field {\n margin: 0.75rem;\n}\n\n.margin-t-12.sc-xplor-text-field {\n margin-top: 0.75rem;\n}\n\n.margin-r-12.sc-xplor-text-field {\n margin-right: 0.75rem;\n}\n\n.margin-b-12.sc-xplor-text-field {\n margin-bottom: 0.75rem;\n}\n\n.margin-l-12.sc-xplor-text-field {\n margin-left: 0.75rem;\n}\n\n.margin-x-12.sc-xplor-text-field {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n\n.margin-y-12.sc-xplor-text-field {\n margin-top: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.margin-8.sc-xplor-text-field {\n margin: 0.5rem;\n}\n\n.margin-t-8.sc-xplor-text-field {\n margin-top: 0.5rem;\n}\n\n.margin-r-8.sc-xplor-text-field {\n margin-right: 0.5rem;\n}\n\n.margin-b-8.sc-xplor-text-field {\n margin-bottom: 0.5rem;\n}\n\n.margin-l-8.sc-xplor-text-field {\n margin-left: 0.5rem;\n}\n\n.margin-x-8.sc-xplor-text-field {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.margin-y-8.sc-xplor-text-field {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.margin-4.sc-xplor-text-field {\n margin: 0.25rem;\n}\n\n.margin-t-4.sc-xplor-text-field {\n margin-top: 0.25rem;\n}\n\n.margin-r-4.sc-xplor-text-field {\n margin-right: 0.25rem;\n}\n\n.margin-b-4.sc-xplor-text-field {\n margin-bottom: 0.25rem;\n}\n\n.margin-l-4.sc-xplor-text-field {\n margin-left: 0.25rem;\n}\n\n.margin-x-4.sc-xplor-text-field {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n\n.margin-y-4.sc-xplor-text-field {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.padding-128.sc-xplor-text-field {\n padding: 8rem;\n}\n\n.padding-t-128.sc-xplor-text-field {\n padding-top: 8rem;\n}\n\n.padding-r-128.sc-xplor-text-field {\n padding-right: 8rem;\n}\n\n.padding-b-128.sc-xplor-text-field {\n padding-bottom: 8rem;\n}\n\n.padding-l-128.sc-xplor-text-field {\n padding-left: 8rem;\n}\n\n.padding-x-128.sc-xplor-text-field {\n padding-left: 8rem;\n padding-right: 8rem;\n}\n\n.padding-y-128.sc-xplor-text-field {\n padding-top: 8rem;\n padding-bottom: 8rem;\n}\n\n.padding-80.sc-xplor-text-field {\n padding: 5rem;\n}\n\n.padding-t-80.sc-xplor-text-field {\n padding-top: 5rem;\n}\n\n.padding-r-80.sc-xplor-text-field {\n padding-right: 5rem;\n}\n\n.padding-b-80.sc-xplor-text-field {\n padding-bottom: 5rem;\n}\n\n.padding-l-80.sc-xplor-text-field {\n padding-left: 5rem;\n}\n\n.padding-x-80.sc-xplor-text-field {\n padding-left: 5rem;\n padding-right: 5rem;\n}\n\n.padding-y-80.sc-xplor-text-field {\n padding-top: 5rem;\n padding-bottom: 5rem;\n}\n\n.padding-64.sc-xplor-text-field {\n padding: 4rem;\n}\n\n.padding-t-64.sc-xplor-text-field {\n padding-top: 4rem;\n}\n\n.padding-r-64.sc-xplor-text-field {\n padding-right: 4rem;\n}\n\n.padding-b-64.sc-xplor-text-field {\n padding-bottom: 4rem;\n}\n\n.padding-l-64.sc-xplor-text-field {\n padding-left: 4rem;\n}\n\n.padding-x-64.sc-xplor-text-field {\n padding-left: 4rem;\n padding-right: 4rem;\n}\n\n.padding-y-64.sc-xplor-text-field {\n padding-top: 4rem;\n padding-bottom: 4rem;\n}\n\n.padding-56.sc-xplor-text-field {\n padding: 3.5rem;\n}\n\n.padding-t-56.sc-xplor-text-field {\n padding-top: 3.5rem;\n}\n\n.padding-r-56.sc-xplor-text-field {\n padding-right: 3.5rem;\n}\n\n.padding-b-56.sc-xplor-text-field {\n padding-bottom: 3.5rem;\n}\n\n.padding-l-56.sc-xplor-text-field {\n padding-left: 3.5rem;\n}\n\n.padding-x-56.sc-xplor-text-field {\n padding-left: 3.5rem;\n padding-right: 3.5rem;\n}\n\n.padding-y-56.sc-xplor-text-field {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.padding-48.sc-xplor-text-field {\n padding: 3rem;\n}\n\n.padding-t-48.sc-xplor-text-field {\n padding-top: 3rem;\n}\n\n.padding-r-48.sc-xplor-text-field {\n padding-right: 3rem;\n}\n\n.padding-b-48.sc-xplor-text-field {\n padding-bottom: 3rem;\n}\n\n.padding-l-48.sc-xplor-text-field {\n padding-left: 3rem;\n}\n\n.padding-x-48.sc-xplor-text-field {\n padding-left: 3rem;\n padding-right: 3rem;\n}\n\n.padding-y-48.sc-xplor-text-field {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.padding-40.sc-xplor-text-field {\n padding: 2.5rem;\n}\n\n.padding-t-40.sc-xplor-text-field {\n padding-top: 2.5rem;\n}\n\n.padding-r-40.sc-xplor-text-field {\n padding-right: 2.5rem;\n}\n\n.padding-b-40.sc-xplor-text-field {\n padding-bottom: 2.5rem;\n}\n\n.padding-l-40.sc-xplor-text-field {\n padding-left: 2.5rem;\n}\n\n.padding-x-40.sc-xplor-text-field {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n}\n\n.padding-y-40.sc-xplor-text-field {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n\n.padding-32.sc-xplor-text-field {\n padding: 2rem;\n}\n\n.padding-t-32.sc-xplor-text-field {\n padding-top: 2rem;\n}\n\n.padding-r-32.sc-xplor-text-field {\n padding-right: 2rem;\n}\n\n.padding-b-32.sc-xplor-text-field {\n padding-bottom: 2rem;\n}\n\n.padding-l-32.sc-xplor-text-field {\n padding-left: 2rem;\n}\n\n.padding-x-32.sc-xplor-text-field {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n\n.padding-y-32.sc-xplor-text-field {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.padding-24.sc-xplor-text-field {\n padding: 1.5rem;\n}\n\n.padding-t-24.sc-xplor-text-field {\n padding-top: 1.5rem;\n}\n\n.padding-r-24.sc-xplor-text-field {\n padding-right: 1.5rem;\n}\n\n.padding-b-24.sc-xplor-text-field {\n padding-bottom: 1.5rem;\n}\n\n.padding-l-24.sc-xplor-text-field {\n padding-left: 1.5rem;\n}\n\n.padding-x-24.sc-xplor-text-field {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.padding-y-24.sc-xplor-text-field {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.padding-20.sc-xplor-text-field {\n padding: 1.25rem;\n}\n\n.padding-t-20.sc-xplor-text-field {\n padding-top: 1.25rem;\n}\n\n.padding-r-20.sc-xplor-text-field {\n padding-right: 1.25rem;\n}\n\n.padding-b-20.sc-xplor-text-field {\n padding-bottom: 1.25rem;\n}\n\n.padding-l-20.sc-xplor-text-field {\n padding-left: 1.25rem;\n}\n\n.padding-x-20.sc-xplor-text-field {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n.padding-y-20.sc-xplor-text-field {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n\n.padding-16.sc-xplor-text-field {\n padding: 1rem;\n}\n\n.padding-t-16.sc-xplor-text-field {\n padding-top: 1rem;\n}\n\n.padding-r-16.sc-xplor-text-field {\n padding-right: 1rem;\n}\n\n.padding-b-16.sc-xplor-text-field {\n padding-bottom: 1rem;\n}\n\n.padding-l-16.sc-xplor-text-field {\n padding-left: 1rem;\n}\n\n.padding-x-16.sc-xplor-text-field {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.padding-y-16.sc-xplor-text-field {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.padding-12.sc-xplor-text-field {\n padding: 0.75rem;\n}\n\n.padding-t-12.sc-xplor-text-field {\n padding-top: 0.75rem;\n}\n\n.padding-r-12.sc-xplor-text-field {\n padding-right: 0.75rem;\n}\n\n.padding-b-12.sc-xplor-text-field {\n padding-bottom: 0.75rem;\n}\n\n.padding-l-12.sc-xplor-text-field {\n padding-left: 0.75rem;\n}\n\n.padding-x-12.sc-xplor-text-field {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.padding-y-12.sc-xplor-text-field {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.padding-8.sc-xplor-text-field {\n padding: 0.5rem;\n}\n\n.padding-t-8.sc-xplor-text-field {\n padding-top: 0.5rem;\n}\n\n.padding-r-8.sc-xplor-text-field {\n padding-right: 0.5rem;\n}\n\n.padding-b-8.sc-xplor-text-field {\n padding-bottom: 0.5rem;\n}\n\n.padding-l-8.sc-xplor-text-field {\n padding-left: 0.5rem;\n}\n\n.padding-x-8.sc-xplor-text-field {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.padding-y-8.sc-xplor-text-field {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.padding-4.sc-xplor-text-field {\n padding: 0.25rem;\n}\n\n.padding-t-4.sc-xplor-text-field {\n padding-top: 0.25rem;\n}\n\n.padding-r-4.sc-xplor-text-field {\n padding-right: 0.25rem;\n}\n\n.padding-b-4.sc-xplor-text-field {\n padding-bottom: 0.25rem;\n}\n\n.padding-l-4.sc-xplor-text-field {\n padding-left: 0.25rem;\n}\n\n.padding-x-4.sc-xplor-text-field {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.padding-y-4.sc-xplor-text-field {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.sc-xplor-text-field-h {\n display: block;\n}\n\n.xplor-text-field.sc-xplor-text-field {\n position: relative;\n width: 100%;\n}\n.xplor-text-field__wrapper.sc-xplor-text-field {\n position: relative;\n display: flex;\n align-items: center;\n border-radius: 16px;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.xplor-text-field__input-wrapper.sc-xplor-text-field {\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n min-height: 56px;\n padding: 0 12px;\n}\n.xplor-text-field__input.sc-xplor-text-field {\n flex: 1;\n border: none;\n outline: none;\n background: transparent;\n font-size: 1rem;\n line-height: 1.5;\n padding: 8px 0;\n color: rgba(0, 0, 0, 0.87);\n margin-top: 8px;\n}\n.xplor-text-field__input.sc-xplor-text-field::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.xplor-text-field__input.sc-xplor-text-field:disabled {\n color: rgba(0, 0, 0, 0.38);\n cursor: not-allowed;\n}\n.xplor-text-field__label.sc-xplor-text-field {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n font-size: 1rem;\n color: rgba(0, 0, 0, 0.6);\n background-color: transparent;\n padding: 0 4px;\n max-width: calc(100% - 24px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.xplor-text-field__label--floating.sc-xplor-text-field {\n top: 0;\n transform: translateY(0);\n font-size: 0.75rem;\n background-color: inherit;\n}\n.xplor-text-field__required.sc-xplor-text-field {\n color: var(--color-error, #f44336);\n margin-left: 2px;\n}\n.xplor-text-field__append-inner.sc-xplor-text-field {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 8px;\n}\n.xplor-text-field__append.sc-xplor-text-field {\n display: flex;\n align-items: center;\n padding-right: 8px;\n}\n.xplor-text-field__clear-btn.sc-xplor-text-field {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n cursor: pointer;\n outline: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n color: rgba(0, 0, 0, 0.54);\n transition: all 0.2s ease;\n}\n.xplor-text-field__clear-btn.sc-xplor-text-field:hover {\n background-color: rgba(0, 0, 0, 0.04);\n color: rgba(0, 0, 0, 0.87);\n}\n.xplor-text-field__clear-btn.sc-xplor-text-field:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 2px;\n border-radius: 0.25rem;\n}\n.xplor-text-field__outline.sc-xplor-text-field {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 16px;\n pointer-events: none;\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.xplor-text-field__outline-legend.sc-xplor-text-field {\n padding: 0 4px;\n font-size: 0.75rem;\n visibility: hidden;\n max-width: 0.01px;\n transition: max-width 0.05s cubic-bezier(0, 0, 0.2, 1);\n white-space: nowrap;\n}\n.xplor-text-field__outline-legend--floating.sc-xplor-text-field {\n max-width: 100%;\n transition: max-width 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;\n}\n.xplor-text-field__outline-legend.sc-xplor-text-field span.sc-xplor-text-field {\n padding: 0 4px;\n display: inline-block;\n}\n.xplor-text-field__details.sc-xplor-text-field {\n padding: 4px 12px 0;\n min-height: 22px;\n}\n.xplor-text-field__error-messages.sc-xplor-text-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.xplor-text-field__error.sc-xplor-text-field {\n font-size: 0.75rem;\n line-height: 1.5;\n color: var(--color-error, #f44336);\n}\n.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-width: 2px;\n}\n.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-secondary);\n}\n.xplor-text-field--dirty.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: #008480;\n border-width: 2px;\n}\n.xplor-text-field--dirty.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: #008480;\n}\n.xplor-text-field--error.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-error, #f44336);\n}\n.xplor-text-field--error.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-error, #f44336);\n}\n.xplor-text-field--disabled.sc-xplor-text-field {\n opacity: 0.6;\n}\n.xplor-text-field--disabled.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-style: dashed;\n}\n.xplor-text-field--disabled.sc-xplor-text-field .xplor-text-field__input.sc-xplor-text-field {\n cursor: not-allowed;\n}\n.xplor-text-field--readonly.sc-xplor-text-field .xplor-text-field__input.sc-xplor-text-field {\n cursor: default;\n}\n.xplor-text-field--primary.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-primary);\n}\n.xplor-text-field--primary.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-primary);\n}\n.xplor-text-field--secondary.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-secondary);\n}\n.xplor-text-field--secondary.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-secondary);\n}\n.xplor-text-field--success.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-success, #4caf50);\n}\n.xplor-text-field--success.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-success, #4caf50);\n}\n.xplor-text-field--warning.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-warning, #ff9800);\n}\n.xplor-text-field--warning.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-warning, #ff9800);\n}\n.xplor-text-field--info.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-color: var(--color-info, #2196f3);\n}\n.xplor-text-field--info.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__label.sc-xplor-text-field {\n color: var(--color-info, #2196f3);\n}\n.xplor-text-field--filled.sc-xplor-text-field .xplor-text-field__wrapper.sc-xplor-text-field {\n background-color: rgba(0, 0, 0, 0.06);\n border-radius: 4px 4px 0 0;\n}\n.xplor-text-field--filled.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border: none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.42);\n border-radius: 0;\n}\n.xplor-text-field--filled.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-bottom-width: 2px;\n}\n.xplor-text-field--underlined.sc-xplor-text-field .xplor-text-field__wrapper.sc-xplor-text-field {\n background-color: transparent;\n}\n.xplor-text-field--underlined.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border: none;\n border-bottom: 1px solid rgba(0, 0, 0, 0.42);\n border-radius: 0;\n}\n.xplor-text-field--underlined.xplor-text-field--focused.sc-xplor-text-field .xplor-text-field__outline.sc-xplor-text-field {\n border-bottom-width: 2px;\n}";const Fe=class{constructor(r){n(this,r);this.valueChange=e(this,"valueChange");this.inputBlur=e(this,"inputBlur");this.inputFocus=e(this,"inputFocus");this.clearClick=e(this,"clearClick");this.value="";this.label="";this.placeholder="";this.type="text";this.color="secondary";this.variant="outlined";this.bgColor="white";this.errorMessages=[];this.hideDetails="auto";this.disabled=false;this.readonly=false;this.required=false;this.isDirty=false;this.clearable=false;this.customClass="";this.isFocused=false;this.hasValue=false;this.handleInput=n=>{const e=n.target;this.value=e.value;this.valueChange.emit(e.value)};this.handleFocus=n=>{this.isFocused=true;this.inputFocus.emit(n)};this.handleBlur=n=>{this.isFocused=false;this.inputBlur.emit(n)};this.handleClear=n=>{n.stopPropagation();this.value="";this.valueChange.emit("");this.clearClick.emit();if(this.inputElement){this.inputElement.focus()}}}handleValueChange(n){this.hasValue=!!n}componentWillLoad(){this.hasValue=!!this.value}get hasError(){return this.errorMessages&&this.errorMessages.length>0}get showDetails(){if(typeof this.hideDetails==="boolean"){return!this.hideDetails}return this.hasError}get computedClasses(){return{"xplor-text-field":true,[`xplor-text-field--${this.variant}`]:true,[`xplor-text-field--${this.color}`]:true,"xplor-text-field--focused":this.isFocused,"xplor-text-field--error":this.hasError,"xplor-text-field--disabled":this.disabled,"xplor-text-field--readonly":this.readonly,"xplor-text-field--dirty":this.isDirty,"xplor-text-field--has-value":this.hasValue\|\|this.isFocused,[this.customClass]:!!this.customClass}}render(){const n=this.isFocused\|\|this.hasValue;return r(t,{key:"3c7117a290dc3f7157270b083559266c94ad21b8"},r("div",{key:"f97ceed7ef938aed090f297d070cd240b658d8a7",class:this.computedClasses},r("div",{key:"81ba47f6a22762d85e33052765896949e87e824f",class:"xplor-text-field__wrapper",style:{backgroundColor:this.bgColor}},r("div",{key:"33190e56a1443af9e4891d4a166442daa52ecb79",class:"xplor-text-field__input-wrapper"},this.label&&r("label",{key:"a44ab99f0e1719b2a93edcd7963c89476154f2f6",class:{"xplor-text-field__label":true,"xplor-text-field__label--floating":n}},r("slot",{key:"c2299aedeb64c404c6bb7b6c0a29c9daae67fc44",name:"label"},this.label),this.required&&r("span",{key:"0d6ed2e883c3a651986470ef89f7be59ba33a645",class:"xplor-text-field__required"},"")),r("input",{key:"de966a8eb84dd86bd8a0e529561badffe71d3d46",ref:n=>this.inputElement=n,class:"xplor-text-field__input",type:this.type,value:this.value,placeholder:this.isFocused?this.placeholder:"",disabled:this.disabled,readonly:this.readonly,required:this.required,maxlength:this.maxlength,min:this.min,max:this.max,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,"aria-invalid":this.hasError?"true":"false","aria-describedby":this.hasError?"error-messages":undefined}),r("div",{key:"b0bcd17da89b2f63f25d212f863d875489175a8c",class:"xplor-text-field__append-inner"},this.clearable&&this.hasValue&&!this.disabled&&!this.readonly&&r("button",{key:"0cac263bf21ccc5536d62d420ce493e906811fd6",type:"button",class:"xplor-text-field__clear-btn",onClick:this.handleClear,"aria-label":"Clear"},r("svg",{key:"2c02a7e8a9dbe7f9d133fc3c3156389db914bf73",width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor"},r("path",{key:"bfaf865c53bb90b7d14ba27e419ca131e4107bfd",d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"}))),r("slot",{key:"82eb809592dcc52a9c447c837b614d57e47f1678",name:"append-inner"})),r("fieldset",{key:"828c5d47eab64b6ff91edd9d739c87fdaa88c589",class:"xplor-text-field__outline"},r("legend",{key:"e1fef5e2002b8ea21c07c8f06272c6f53785f8b0",class:{"xplor-text-field__outline-legend":true,"xplor-text-field__outline-legend--floating":n}},n&&this.label?r("span",null,this.label,this.required&&""):r("span",null,"")))),r("div",{key:"f5d2af691c5e9adb1295bbc4eb74b5510ab203f6",class:"xplor-text-field__append"},r("slot",{key:"8b26d1a847bfbbecd77067d2addb2a555464684e",name:"append"}))),this.showDetails&&r("div",{key:"63acbf8b66a619b74769b5aba9559da813e3081e",class:"xplor-text-field__details"},this.hasError&&r("div",{key:"c1e72205a335a0cf361ebb1936d19a0a6e1f52fd",id:"error-messages",class:"xplor-text-field__error-messages"},this.errorMessages.map((n=>r("div",{class:"xplor-text-field__error"},n)))))))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"]}}};Fe.style=$e;const De="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-time-picker {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-time-picker {\n width: 600px !important;\n }\n}\nh1.sc-xplor-time-picker {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-time-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-time-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-time-picker {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-time-picker, ul.sc-xplor-time-picker {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-time-picker li.sc-xplor-time-picker, ul.sc-xplor-time-picker li.sc-xplor-time-picker {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-time-picker, ul.mdc-list.sc-xplor-time-picker {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-time-picker li.mdc-list-item.sc-xplor-time-picker, ul.mdc-list.sc-xplor-time-picker li.mdc-list-item.sc-xplor-time-picker {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-time-picker {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-time-picker {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-time-picker {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-time-picker {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-time-picker .mdc-text-field--outlined.sc-xplor-time-picker .mdc-notched-outline__notch.sc-xplor-time-picker {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-time-picker .mdc-notched-outline__notch.sc-xplor-time-picker {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-time-picker .mdc-notched-outline.sc-xplor-time-picker .mdc-notched-outline__notch.sc-xplor-time-picker {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-time-picker {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-time-picker:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-time-picker {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-time-picker-h {\n display: block;\n width: 100%;\n}\n\n.time-picker.sc-xplor-time-picker {\n position: relative;\n width: 100%;\n}\n.time-picker--disabled.sc-xplor-time-picker {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.time-picker__label.sc-xplor-time-picker {\n display: block;\n font-size: 0.875rem;\n color: rgba(0, 0, 0, 0.6);\n margin-bottom: 0.25rem;\n}\n.time-picker__required.sc-xplor-time-picker {\n color: #d32f2f;\n margin-left: 0.25rem;\n}\n.time-picker__field.sc-xplor-time-picker {\n position: relative;\n display: flex;\n align-items: center;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 1rem;\n transition: border-color 0.2s ease;\n background: white;\n}\n.time-picker__field.sc-xplor-time-picker:focus-within {\n border-color: #008480;\n border-width: 2px;\n}\n.time-picker__field.sc-xplor-time-picker:focus-within .time-picker__input.sc-xplor-time-picker {\n padding: calc(0.875rem - 1px) calc(1rem - 1px);\n}\n.time-picker--error.sc-xplor-time-picker .time-picker__field.sc-xplor-time-picker {\n border-color: #d32f2f;\n}\n.time-picker__input.sc-xplor-time-picker {\n flex: 1;\n width: 100%;\n padding: 0.875rem 1rem;\n font-size: 1rem;\n font-family: inherit;\n border: none;\n border-radius: 1rem;\n outline: none;\n background: transparent;\n}\n.time-picker__input.sc-xplor-time-picker::placeholder {\n color: rgba(0, 0, 0, 0.38);\n}\n.time-picker__input.sc-xplor-time-picker:disabled {\n cursor: not-allowed;\n}\n.time-picker__actions.sc-xplor-time-picker {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding-right: 0.5rem;\n flex-shrink: 0;\n}\n.time-picker__clear.sc-xplor-time-picker {\n background: none;\n border: none;\n font-size: 1.25rem;\n cursor: pointer;\n padding: 0;\n width: 1.5rem;\n height: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.time-picker__clear.sc-xplor-time-picker:hover {\n background-color: #f5f5f5;\n color: #212121;\n}\n.time-picker__icon-btn.sc-xplor-time-picker {\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n border-radius: 50%;\n transition: background-color 0.2s;\n}\n.time-picker__icon-btn.sc-xplor-time-picker:hover:not(:disabled) {\n background-color: #f5f5f5;\n color: #212121;\n}\n.time-picker__icon-btn.sc-xplor-time-picker:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.time-picker__icon-svg.sc-xplor-time-picker {\n display: block;\n}\n.time-picker__dropdown.sc-xplor-time-picker {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n z-index: 1000;\n background-color: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n padding: 1rem;\n}\n.time-picker__columns.sc-xplor-time-picker {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n}\n.time-picker__column.sc-xplor-time-picker {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 48px;\n}\n.time-picker__column--period.sc-xplor-time-picker {\n margin-left: 0.5rem;\n}\n.time-picker__separator.sc-xplor-time-picker {\n font-size: 1.25rem;\n font-weight: 600;\n color: #424242;\n padding: 0 0.125rem;\n align-self: center;\n}\n.time-picker__spinner-btn.sc-xplor-time-picker {\n background: none;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n cursor: pointer;\n padding: 0.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #757575;\n transition: background-color 0.2s, border-color 0.2s;\n width: 100%;\n}\n.time-picker__spinner-btn.sc-xplor-time-picker:hover {\n background-color: #f5f5f5;\n border-color: #bdbdbd;\n color: #212121;\n}\n.time-picker__value.sc-xplor-time-picker {\n font-size: 1.5rem;\n font-weight: 600;\n color: #212121;\n padding: 0.5rem 0;\n text-align: center;\n min-width: 48px;\n font-variant-numeric: tabular-nums;\n}\n.time-picker__value--period.sc-xplor-time-picker {\n font-size: 1rem;\n font-weight: 500;\n color: #008480;\n}\n.time-picker__details.sc-xplor-time-picker {\n min-height: 1.25rem;\n padding: 0 1rem;\n font-size: 0.75rem;\n}\n.time-picker__error-message.sc-xplor-time-picker {\n color: #d32f2f;\n}";const Ae=class{constructor(r){n(this,r);this.timeChange=e(this,"timeChange");this.xplorFocus=e(this,"xplorFocus");this.xplorBlur=e(this,"xplorBlur");this.xplorClear=e(this,"xplorClear");this.value="";this.label="";this.placeholder="Select time";this.clearable=false;this.prefill=false;this.bgColor="white";this.showSeconds=false;this.disabled=false;this.readonly=false;this.error="";this.hideDetails="auto";this.required=false;this.isOpen=false;this.inputText="";this.hours=12;this.minutes=0;this.seconds=0;this.period="AM";this.lastGoodValue="";this.toggleDropdown=()=>{if(this.disabled\|\|this.readonly)return;this.isOpen=!this.isOpen};this.handleInputFocus=n=>{this.xplorFocus.emit(n);if(this.prefill&&!this.value){const n=new Date;this.hours=n.getHours()%12\|\|12;this.minutes=n.getMinutes();this.seconds=n.getSeconds();this.period=n.getHours()>=12?"PM":"AM";this.emitChange()}};this.handleInputBlur=n=>{this.xplorBlur.emit(n);if(this.inputText.trim()===""){return}const e=this.parseInputText(this.inputText);if(e){this.emitChange()}else{this.inputText=this.lastGoodValue}};this.handleInputChange=n=>{const e=n.target;this.inputText=e.value};this.handleClear=n=>{n.stopPropagation();this.value="";this.inputText="";this.lastGoodValue="";this.hours=12;this.minutes=0;this.seconds=0;this.period="AM";this.timeChange.emit("");this.xplorClear.emit()};this.incrementHours=()=>{this.hours=this.hours>=12?1:this.hours+1;this.emitChange()};this.decrementHours=()=>{this.hours=this.hours<=1?12:this.hours-1;this.emitChange()};this.incrementMinutes=()=>{if(this.minutes>=59){this.minutes=0;this.incrementHours()}else{this.minutes++;this.emitChange()}};this.decrementMinutes=()=>{if(this.minutes<=0){this.minutes=59;this.decrementHours()}else{this.minutes--;this.emitChange()}};this.incrementSeconds=()=>{if(this.seconds>=59){this.seconds=0;this.incrementMinutes()}else{this.seconds++;this.emitChange()}};this.decrementSeconds=()=>{if(this.seconds<=0){this.seconds=59;this.decrementMinutes()}else{this.seconds--;this.emitChange()}};this.togglePeriod=()=>{this.period=this.period==="AM"?"PM":"AM";this.emitChange()}}componentWillLoad(){if(this.value){this.parseValueToState(this.value);this.inputText=this.formatDisplayTime();this.lastGoodValue=this.inputText}}handleDocumentClick(n){const e=n.target;if(!this.el.contains(e)){this.isOpen=false}}parseValueToState(n){if(!n)return;const e=n.split(":");let r=parseInt(e[0],10)\|\|0;const t=parseInt(e[1],10)\|\|0;const o=parseInt(e[2],10)\|\|0;this.period=r>=12?"PM":"AM";if(r===0){r=12}else if(r>12){r-=12}this.hours=r;this.minutes=t;this.seconds=o}stateToValue(){let n=this.hours;if(this.period==="AM"&&n===12)n=0;else if(this.period==="PM"&&n!==12)n+=12;const e=String(n).padStart(2,"0");const r=String(this.minutes).padStart(2,"0");const t=String(this.seconds).padStart(2,"0");return`${e}:${r}:${t}`}formatDisplayTime(){const n=this.hours;const e=String(this.minutes).padStart(2,"0");if(this.showSeconds){const r=String(this.seconds).padStart(2,"0");return`${n}:${e}:${r} ${this.period}`}return`${n}:${e} ${this.period}`}parseInputText(n){const e=n.trim();if(!e)return false;if(e.toLowerCase()==="am"\|\|e.toLowerCase()==="pm"){this.hours=12;this.minutes=0;this.seconds=0;this.period=e.toLowerCase()==="pm"?"PM":"AM";return true}let r="am";if(e.toLowerCase().indexOf("p")!==-1){r="pm"}const t=e.replace(/(\s)(pm\|am\|p\|a)/gi,"").trim();const o=t.replace(/\./g,":");const i=o.split(":");let a;let l=0;let s=0;if(i.length===1){const n=t.trim();if(n.length===3){a=parseInt(n.substring(0,1),10);l=parseInt(n.substring(1,3),10)}else if(n.length===4){a=parseInt(n.substring(0,2),10);l=parseInt(n.substring(2,4),10)}else if(n.length===6){a=parseInt(n.substring(0,2),10);l=parseInt(n.substring(2,4),10);s=parseInt(n.substring(4,6),10)}else{a=parseInt(n,10)}}else if(i.length===2){a=parseInt(i[0].trim(),10);l=parseInt(i[1].trim(),10)}else if(i.length===3){a=parseInt(i[0].trim(),10);l=parseInt(i[1].trim(),10);s=parseInt(i[2].trim(),10)}else{return false}if(isNaN(a)\|\|a<0)return false;if(isNaN(l))l=0;if(isNaN(s))s=0;if(l>=60){a+=Math.floor(l/60);l=l%60}if(a>=12){r="pm";if(a>=24){a=a%24;r=a>=12?"pm":"am"}if(a>12){a-=12}}if(a===0){a=12;r="am"}if(s>=60)s=59;this.hours=a;this.minutes=l;this.seconds=s;this.period=r==="pm"?"PM":"AM";return true}emitChange(){const n=this.stateToValue();this.value=n;this.inputText=this.formatDisplayTime();this.lastGoodValue=this.inputText;this.timeChange.emit(n)}renderChevronUp(){return r("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("polyline",{points:"18 15 12 9 6 15"}))}renderChevronDown(){return r("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("polyline",{points:"6 9 12 15 18 9"}))}render(){const n=this.hideDetails===false\|\|this.hideDetails==="auto"&&this.error;const e=r("svg",{key:"4ceaab6e781f50e8a90c075c56cfadabb647d44a",class:"time-picker__icon-svg",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},r("circle",{key:"468d7d3f69e93dfa1dbd1c57922c62747d0332fc",cx:"12",cy:"12",r:"10"}),r("polyline",{key:"c6e3f11bc952645e9016ff95b3a712394c4a22b8",points:"12 6 12 12 16 14"}));return r(t,{key:"c645e604a3e24895a27018db69116ab12f83f8bf"},r("div",{key:"67a035080a85b790df31f65292babdddf4e4e61b",class:{"time-picker":true,"time-picker--disabled":this.disabled,"time-picker--error":!!this.error,"time-picker--open":this.isOpen}},this.label&&r("label",{key:"fc39aebaf65eb55a47e36b9e502329938a50deac",class:"time-picker__label"},this.label,this.required&&r("span",{key:"f55931cd0b55c17176fa0f3da333f44b57b7e6a9",class:"time-picker__required"},"")),r("div",{key:"3f4e57bf5c2973baaa0e53ec9bed0658e23c4c9c",class:"time-picker__field"},r("input",{key:"d893bd5ed3793a2e3d4aae60f16846db6c3d84a4",type:"text",class:"time-picker__input",value:this.inputText,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onInput:this.handleInputChange,style:{backgroundColor:this.bgColor}}),r("div",{key:"7cb62a66b55645c2bc3c18a60abcb0098f4700d9",class:"time-picker__actions"},this.clearable&&this.value&&!this.disabled&&!this.readonly&&r("button",{key:"a547394c2508cddbcad2f3ebc52e7f361cab8f2e",type:"button",class:"time-picker__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),r("button",{key:"48bac21bb410015f81b539205bafad2f556ced51",type:"button",class:"time-picker__icon-btn",onClick:this.toggleDropdown,disabled:this.disabled,"aria-label":"Open time picker"},e))),n&&r("div",{key:"f10a2918e0d2cd57c7fc1d64f24e3fd4038463be",class:"time-picker__details"},this.error&&r("div",{key:"da588b32f0fb80a797b44df89a4526ab337ec491",class:"time-picker__error-message"},this.error)),this.isOpen&&r("div",{key:"b23b28c312732c033a28bcb39f862311554d599c",class:"time-picker__dropdown"},r("div",{key:"fd8811287be54584fac873644be6da4d9a90a918",class:"time-picker__columns"},r("div",{key:"9373ac9977bb02507c09673783ecc9fc34f796f6",class:"time-picker__column"},r("button",{key:"64506ff04f398acf50e11e15adfabfc8a6e2950a",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementHours,"aria-label":"Increase hours"},this.renderChevronUp()),r("div",{key:"b593fe8ea7cc1c1620f534a010d0828297845f8a",class:"time-picker__value"},String(this.hours).padStart(2,"0")),r("button",{key:"1b2729ac84afa3aa5cbace2b027a8be77de7453c",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementHours,"aria-label":"Decrease hours"},this.renderChevronDown())),r("div",{key:"cfc0910a6a02a6545d03dc6fd56dce45e389825b",class:"time-picker__separator"},":"),r("div",{key:"084da53c62bfe3cfb2cf8843761509393541b82d",class:"time-picker__column"},r("button",{key:"017378d4bd006957267a242fd5da84bb5364626a",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementMinutes,"aria-label":"Increase minutes"},this.renderChevronUp()),r("div",{key:"344202f97262fbf267b872927c054d1fbcc636c4",class:"time-picker__value"},String(this.minutes).padStart(2,"0")),r("button",{key:"690a243ddce9f3da11d172647202e65212e87b53",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementMinutes,"aria-label":"Decrease minutes"},this.renderChevronDown())),this.showSeconds&&[r("div",{key:"6ca3eae6b03f75773a39d1eb67b0db8cbf00021d",class:"time-picker__separator"},":"),r("div",{key:"ce31e8550cff9783229d58f866f5b2cab6b236e6",class:"time-picker__column"},r("button",{key:"6be3f03bb5cb13f95d9381e22ed4ef27a2c31786",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementSeconds,"aria-label":"Increase seconds"},this.renderChevronUp()),r("div",{key:"faae89dc8d1a40f7a91df944c33d6cb0347dab72",class:"time-picker__value"},String(this.seconds).padStart(2,"0")),r("button",{key:"2e6094b085acefb6b80c835fc49d6d0c6fcde192",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementSeconds,"aria-label":"Decrease seconds"},this.renderChevronDown()))],r("div",{key:"2b029185906910cf1336726691b491bd8cd10421",class:"time-picker__column time-picker__column--period"},r("button",{key:"a1cced2dca331985851a8b2a71733cdc75540339",type:"button",class:"time-picker__spinner-btn",onClick:this.togglePeriod,"aria-label":"Toggle AM/PM"},this.renderChevronUp()),r("div",{key:"b17134d423b342cb077af961e9a684a985ed6f13",class:"time-picker__value time-picker__value--period"},this.period),r("button",{key:"4c4d04f7ba212eb7babccf6ec2ead94fa63dcb04",type:"button",class:"time-picker__spinner-btn",onClick:this.togglePeriod,"aria-label":"Toggle AM/PM"},this.renderChevronDown()))))))}get el(){return o(this)}};Ae.style=De;const Pe="@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer base {\n \n :root {\n --color-primary: #db3b03;\n --color-primary-50: rgba(255, 152, 0, 1);\n --color-secondary: rgb(0, 119, 107);\n --color-secondary-50: rgba(1, 163, 157, 1);\n --color-tertiary: rgb(128, 104, 186);\n --color-tertiary: rgb(223, 242, 241);\n --color-white: white;\n --color-emphasis: rgb(8, 8, 9);\n --color-supergiant: rgb(213, 66, 99);\n --color-orange: rgb(250, 200, 127);\n --color-buttons: #fbbc05;\n --color-typography: #ea4335;\n --background: 20 66% 99%;\n --foreground: 20 51% 4%;\n --muted: 20 25% 86%;\n --muted-foreground: 20 7% 25%;\n --popover: 20 66% 98%;\n --popover-foreground: 20 51% 3%;\n --card: 20 66% 98%;\n --card-foreground: 20 51% 3%;\n --border: 20 15% 94%;\n --input: 20 15% 94%;\n --primary: 20 48% 72%;\n --primary-foreground: 20 48% 12%;\n --secondary: 20 12% 92%;\n --secondary-foreground: 20 12% 32%;\n --accent: 20 12% 92%;\n --accent-foreground: 20 12% 32%;\n --destructive: 11 80% 22%;\n --destructive-foreground: 11 80% 82%;\n --ring: 20 48% 72%;\n --radius: 0.5rem;\n --chart-1: 12 76% 61%;\n --chart-2: 173 58% 39%;\n --chart-3: 197 37% 24%;\n --chart-4: 43 74% 66%;\n --chart-5: 27 87% 67%;\n }\n .dark {\n --background: 253 43% 3%;\n --foreground: 253 31% 98%;\n --muted: 253 7% 13%;\n --muted-foreground: 253 13% 63%;\n --popover: 253 43% 3%;\n --popover-foreground: 253 31% 98%;\n --card: 253 43% 4%;\n --card-foreground: 253 31% 99%;\n --border: 215 27.9% 16.9%;\n --input: 215 27.9% 16.9%;\n --primary: 253 91% 58%;\n --primary-foreground: 253 91% 98%;\n --secondary: 253 7% 9%;\n --secondary-foreground: 253 7% 69%;\n --accent: 253 13% 14%;\n --accent-foreground: 253 13% 74%;\n --destructive: 339.2 90.36% 51.18%;\n --destructive-foreground: 0 0% 100%;\n --ring: 253 91% 58%;\n --chart-1: 220 70% 50%;\n --chart-2: 160 60% 45%;\n --chart-3: 30 80% 55%;\n --chart-4: 280 65% 60%;\n --chart-5: 340 75% 55%;\n }\n}\n@layer base {\n * {\n @apply border-border;\n }\n body {\n @apply box-border bg-background text-foreground;\n }\n}\n@layer utilities {\n .min-h-screen {\n min-height: 100vh;\n \n min-height: 100dvh;\n }\n .h-screen {\n height: 100vh;\n \n height: 100dvh;\n }\n}\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@layer components {\n .glass {\n border: none;\n backdrop-filter: blur(var(--glass-blur, 40px));\n background-color: transparent;\n background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);\n box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);\n text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));\n }\n}\n.tox.tox-tinymce.sc-xplor-tooltip {\n width: 50% !important;\n height: 400px !important;\n display: inline-flex;\n}\n\n\n@media only screen and (min-width: 600px) {\n .tox.tox-tinymce.sc-xplor-tooltip {\n width: 600px !important;\n }\n}\nh1.sc-xplor-tooltip {\n color: var(--color-primary);\n \n font-family: Inter;\n font-size: 48px;\n font-style: normal;\n font-weight: 400;\n line-height: 56px; \n}\n\nh2.sc-xplor-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 32px;\n font-style: normal;\n font-weight: 600;\n line-height: 38px; \n letter-spacing: 0.25px;\n}\n\nh3.sc-xplor-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 24px;\n font-style: normal;\n font-weight: 400;\n line-height: 32px; \n}\n\n.overline.sc-xplor-tooltip {\n color: var(--grey-1100252525, #252525);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px; \n letter-spacing: 3.2px;\n text-transform: uppercase;\n}\n\nol.sc-xplor-tooltip, ul.sc-xplor-tooltip {\n list-style: none;\n margin: 1rem;\n padding: 0;\n}\nol.sc-xplor-tooltip li.sc-xplor-tooltip, ul.sc-xplor-tooltip li.sc-xplor-tooltip {\n margin: 1rem;\n padding: 0;\n}\nol.mdc-list.sc-xplor-tooltip, ul.mdc-list.sc-xplor-tooltip {\n list-style-type: none;\n list-style: none;\n}\nol.mdc-list.sc-xplor-tooltip li.mdc-list-item.sc-xplor-tooltip, ul.mdc-list.sc-xplor-tooltip li.mdc-list-item.sc-xplor-tooltip {\n list-style-type: none;\n list-style: none !important;\n}\n\n.orange-label.sc-xplor-tooltip {\n color: var(--Orange-900-Primary, #db3b03);\n \n font-family: Inter;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; \n letter-spacing: 0.4px;\n margin: 0px 0 -9px 16px;\n z-index: 1 !important;\n position: relative;\n width: fit-content;\n}\n.orange-label.grey-bg.sc-xplor-tooltip {\n background-color: #fefcfb;\n}\n\n#spinnerLoader.sc-xplor-tooltip {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n pointer-events: none;\n}\n\n#textfield-Title-label.sc-xplor-tooltip {\n background-color: white;\n}\n\n.mdc-ripple-upgraded.sc-xplor-tooltip .mdc-text-field--outlined.sc-xplor-tooltip .mdc-notched-outline__notch.sc-xplor-tooltip {\n border: 0px solid transparent !important;\n border-bottom: 1px solid #db3b03 !important;\n padding: 0;\n height: 0;\n}\n\n.mdc-text-field--focused.sc-xplor-tooltip .mdc-notched-outline__notch.sc-xplor-tooltip {\n border: 0px solid transparent !important;\n border-bottom: 2px solid #db3b03 !important;\n}\n\n.mdc-text-field--outlined.sc-xplor-tooltip .mdc-notched-outline.sc-xplor-tooltip .mdc-notched-outline__notch.sc-xplor-tooltip {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n border-top: transparent;\n}\n\n.generate-btn.sc-xplor-tooltip {\n display: flex;\n height: 48px;\n padding: 12px 24px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n border-radius: 16px;\n}\n.generate-btn.link.sc-xplor-tooltip:hover {\n background-color: var(--Cyan-700-Secondary, #e27046);\n color: var(--Cyan-700-Secondary-Text, #fff);\n}\n\n.bg-green.sc-xplor-tooltip {\n background: var(--Cyan-700-Secondary, #00776b);\n}\n\n.sc-xplor-tooltip-h {\n display: inline-block;\n position: relative;\n}\n\n.tooltip-trigger.sc-xplor-tooltip {\n display: inline-flex;\n cursor: pointer;\n}\n\n.tooltip.sc-xplor-tooltip {\n position: fixed;\n z-index: 9999;\n background-color: #424242;\n color: #fff;\n border-radius: 4px;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.4;\n max-width: 300px;\n word-wrap: break-word;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n pointer-events: none;\n opacity: 0;\n animation: tooltipFadeIn 0.2s ease forwards;\n}\n\n@keyframes tooltipFadeIn {\n from {\n opacity: 0;\n transform: scale(0.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n.tooltip__content.sc-xplor-tooltip {\n position: relative;\n z-index: 1;\n}\n\n.tooltip__arrow.sc-xplor-tooltip {\n position: absolute;\n width: 12px;\n height: 12px;\n background-color: #424242;\n z-index: 0;\n}\n\n.tooltip--top.sc-xplor-tooltip .tooltip__arrow.sc-xplor-tooltip {\n margin-top: -6px;\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--bottom.sc-xplor-tooltip .tooltip__arrow.sc-xplor-tooltip {\n box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--left.sc-xplor-tooltip .tooltip__arrow.sc-xplor-tooltip {\n margin-left: -6px;\n display: block;\n box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--right.sc-xplor-tooltip .tooltip__arrow.sc-xplor-tooltip {\n box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);\n}";let Oe=0;const Ee=class{constructor(e){n(this,e);this.position="top";this.trigger="hover";this.arrow=true;this.open=false;this.disabled=false;this.tooltipStyle={};this.arrowStyle={};this.tooltipId=`xplor-tooltip-${++Oe}`;this.handleMouseEnter=()=>{if(this.disabled)return;if(this.hideTimeout){clearTimeout(this.hideTimeout)}this.showTooltip()};this.handleMouseLeave=()=>{if(this.disabled)return;this.hideTimeout=setTimeout((()=>{this.hideTooltip()}),100)};this.handleFocusIn=()=>{if(this.disabled)return;this.showTooltip()};this.handleFocusOut=()=>{if(this.disabled)return;this.hideTooltip()};this.handleClick=()=>{if(this.disabled)return;if(this.trigger==="click"){this.open=!this.open;if(this.open){requestAnimationFrame((()=>this.updatePosition()))}}}}componentDidLoad(){if(this.trigger==="hover"){this.setupHoverListeners()}}disconnectedCallback(){this.cleanupListeners();if(this.hideTimeout){clearTimeout(this.hideTimeout)}}setupHoverListeners(){if(this.triggerEl){this.triggerEl.addEventListener("mouseenter",this.handleMouseEnter);this.triggerEl.addEventListener("mouseleave",this.handleMouseLeave);this.triggerEl.addEventListener("focusin",this.handleFocusIn);this.triggerEl.addEventListener("focusout",this.handleFocusOut)}}cleanupListeners(){if(this.triggerEl){this.triggerEl.removeEventListener("mouseenter",this.handleMouseEnter);this.triggerEl.removeEventListener("mouseleave",this.handleMouseLeave);this.triggerEl.removeEventListener("focusin",this.handleFocusIn);this.triggerEl.removeEventListener("focusout",this.handleFocusOut)}}handleDocumentClick(n){if(this.trigger==="click"&&this.open){const e=n.target;if(!this.el.contains(e)){this.open=false}}}showTooltip(){this.open=true;requestAnimationFrame((()=>this.updatePosition()))}hideTooltip(){this.open=false}updatePosition(){if(!this.triggerEl\|\|!this.tooltipEl)return;const n=this.triggerEl.getBoundingClientRect();const e=this.tooltipEl.getBoundingClientRect();const r=8;const t=this.arrow?6:0;let o=0;let i=0;let a="";let l="";let s="";switch(this.position){case"top":o=n.top-e.height-r-t;i=n.left+n.width/2-e.width/2;a="100%";l="50%";s="translateX(-50%) rotate(45deg)";break;case"bottom":o=n.bottom+r+t;i=n.left+n.width/2-e.width/2;a="-6px";l="50%";s="translateX(-50%) rotate(45deg)";break;case"left":o=n.top+n.height/2-e.height/2;i=n.left-e.width-r-t;a="50%";l="100%";s="translateY(-50%) rotate(45deg)";break;case"right":o=n.top+n.height/2-e.height/2;i=n.right+r+t;a="50%";l="-6px";s="translateY(-50%) rotate(45deg)";break}const d=8;if(i<d){i=d}else if(i+e.width>window.innerWidth-d){i=window.innerWidth-e.width-d}if(o<d){o=d}else if(o+e.height>window.innerHeight-d){o=window.innerHeight-e.height-d}this.tooltipStyle={top:`${o}px`,left:`${i}px`};this.arrowStyle={top:a,left:l,transform:s}}render(){return r(t,{key:"135c627d93956798eef4e842ec256a0f156c771a"},r("div",{key:"1a4253fa4f893d7726227c346c9ebc850c7ee463",class:"tooltip-trigger",ref:n=>this.triggerEl=n,onClick:this.handleClick,"aria-describedby":this.open?this.tooltipId:undefined},r("slot",{key:"8970f94fa612b40e573a66102533b1f54387b9b2",name:"trigger"})),this.open&&r("div",{key:"c1b873e3b9ccaf8747c772672282e63615528be7",class:{tooltip:true,[`tooltip--${this.position}`]:true},style:this.tooltipStyle,ref:n=>this.tooltipEl=n,role:"tooltip",id:this.tooltipId},r("div",{key:"93af160a6f7fc1776ca358f3f91f0fecb381ce8d",class:"tooltip__content"},r("slot",{key:"cb1c56d228c3f494d668dad73e2af6b303af9f42"},this.content)),this.arrow&&r("div",{key:"9d528e58c6b772c4b72096533bdb1f0df710aa8f",class:"tooltip__arrow",style:this.arrowStyle})))}get el(){return o(this)}};Ee.style=Pe;export{a as xplor_alert_dialog,s as xplor_alert_message,C as xplor_assistant,S as xplor_autocomplete,T as xplor_avatar,M as xplor_avatar_and_name,F as xplor_badge,A as xplor_badge_active,O as xplor_badge_archived,B as xplor_badge_deleted,q as xplor_badge_expired,V as xplor_badge_inactive,U as xplor_badge_recalled,K as xplor_badge_session_booking,J as xplor_badge_upcoming,X as xplor_badge_waitlist,Q as xplor_btn_back,en as xplor_btn_back_to_parent,tn as xplor_btn_icon,an as xplor_btn_menu,sn as xplor_btn_toggle,cn as xplor_btn_toggle_group,gn as xplor_btn_toggle_secondary,bn as xplor_btn_tooltip,hn as xplor_button,un as xplor_chat_widget,kn as xplor_checkbox,_n as xplor_combobox,Cn as xplor_datatable,jn as xplor_date_picker,Mn as xplor_drag_and_drop_input,Fn as xplor_dropdown,Pn as xplor_expansion_panel,En as xplor_expansion_panels,qn as xplor_file_upload,Vn as xplor_inline_checkbox,Un as xplor_inline_date_picker,Kn as xplor_inline_switch,Yn as xplor_input_file,Qn as xplor_input_search,ee as xplor_input_select,te as xplor_input_send,ae as xplor_input_text,de as xplor_input_text_area,ge as xplor_input_text_secondary,be as xplor_input_title,he as xplor_links,ue as xplor_modal,ye as xplor_modal_persistent,ke as xplor_nav_tabs,_e as xplor_radio_btn,Ce as xplor_section_card,Se as xplor_section_heading,Te as xplor_table,Me as xplor_text_bubble,Fe as xplor_text_field,Ae as xplor_time_picker,Ee as xplor_tooltip};
2	+ //# sourceMappingURL=p-0df9ea5d.entry.js.map