npm - @xplor-education/core-stencil-components - Versions diffs - 2.0.0 - Mend

@xplor-education/core-stencil-components 2.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 (724) hide show

package/dist/xplor-component-library/p-25fa8553.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as n,c as r,h as e,H as t,a as o}from"./p-Zkk2NJif.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(e){n(this,e);this.xplorClose=r(this,"xplorClose");this.xplorDialogChange=r(this,"xplorDialogChange");this.open=false;this.width="408px";this.persistent=true;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"}else{document.body.style.overflow=""}}disconnectedCallback(){document.body.style.overflow=""}render(){if(!this.open){return null}return e(t,null,e("div",{class:"xplor-alert-dialog__backdrop",onClick:this.handleBackdropClick},e("div",{class:"xplor-alert-dialog__card",style:{width:this.width},onClick:this.handleCardClick},e("button",{type:"button",class:"xplor-alert-dialog__close-btn",onClick:this.closeDialog,"aria-label":"Close dialog"},"✕"),e("div",{class:"xplor-alert-dialog__title"},e("slot",{name:"title"})),e("div",{class:"xplor-alert-dialog__text"},e("slot",{name:"text"})),e("div",{class:"xplor-alert-dialog__actions"},e("slot",{name:"actions"})))))}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(e){n(this,e);this.xplorDismiss=r(this,"xplorDismiss");this.type="info";this.dismissible=false;this.handleDismiss=()=>{this.xplorDismiss.emit()}}render(){return e(t,{key:"9b7353e68d89701b3fdb4dcd5fb5e6c886b08d8b"},e("div",{key:"335c16829ae65019c3c7d32a9e7dd3a3ef13c1ae",class:{"alert-message":true,[`alert-message--${this.type}`]:true},role:"alert"},e("div",{key:"08feddcdf81a93b0aaa907688923d3b943fcc7ed",class:"alert-message__content"},this.alertTitle&&e("div",{key:"a994f5d65e9112cae41bf3379f4454e986d62e00",class:"alert-message__title"},e("slot",{key:"b4cd15b229b6e5539c29c929dfa804b7da537030",name:"title"},this.alertTitle)),e("div",{key:"ef6135360584c77ad418f46022ed8600c5786c2a",class:"alert-message__body"},e("slot",{key:"36d800fb3ebdfad5c2bf602212410381210db99b"})),e("div",{key:"79d1d65fc21759299f17d42523839c0d733b2098",class:"alert-message__actions"},e("slot",{key:"f4cc482a2392656d0bc385c0d3cafe23285f32e8",name:"actions"}))),this.dismissible&&e("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 r=Math.random().toString(36).substring(2,11);return`session_${n}_${r}`}function c(){const n=new Date;const r=n.getFullYear();const e=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${r}-${e}-${t}`}function p(){const n=new Date;const r=String(n.getHours()).padStart(2,"0");const e=String(n.getMinutes()).padStart(2,"0");const t=String(n.getSeconds()).padStart(2,"0");return`${r}:${e}:${t}`}async function g(n,r,e,t,o,i){if(!n){throw new Error("API endpoint is required")}if(!r\|\|!r.trim()){throw new Error("Message cannot be empty")}const a={message:r.trim(),sessionId:e,userId:t,userEmail:o,userName:i,currentDate:c(),currentTime:p()};try{const r=await fetch(n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(!r.ok){const n=await r.text().catch((()=>r.statusText));throw new Error(`API error: ${r.status} - ${n}`)}const e=await r.json();if(!e.message\|\|!e.sessionId){throw new Error("Invalid API response: missing required fields")}return e}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 r="speechSynthesis"in window;return{voiceInput:n,textToSpeech:r}}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 r=n.results[0][0].transcript;if(this.onResultCallback){this.onResultCallback(r)}};this.recognition.onerror=n=>{const r=this.getErrorMessage(n.error);if(this.onErrorCallback){this.onErrorCallback(r)}};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:r,enableTextToSpeech:t,isSpeaking:o,onSpeak:i,onStopSpeaking:a}=n;const l={"xplor-assistant__message":true,"xplor-assistant__message--user":r.role==="user","xplor-assistant__message--assistant":r.role==="assistant"};const s=()=>{if(o){a===null\|\|a===void 0?void 0:a()}else{i===null\|\|i===void 0?void 0:i(r.content)}};const d=n=>{const r=n.getHours();const e=n.getMinutes();const t=r>=12?"PM":"AM";const o=r%12\|\|12;const i=e<10?`0${e}`:e;return`${o}:${i} ${t}`};return e("div",{class:l},e("div",{class:"xplor-assistant__message-content"},r.content),e("div",{class:"xplor-assistant__message-footer"},e("span",{class:"xplor-assistant__message-timestamp"},d(r.timestamp)),r.role==="assistant"&&t&&e("button",{class:{"xplor-assistant__speak-button":true,"xplor-assistant__speak-button--active":o},onClick:s,title:o?"Stop speaking":"Listen to message",type:"button"},e("span",{class:"xplor-assistant__speak-icon",innerHTML:o?y:u}))))};const k=n=>{const{placeholder:r,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 r=n.target;p(r.value)};const b=()=>{if(a){c()}else{d()}};const m=!l.trim()\|\|t\|\|o;return e("div",{class:"xplor-assistant__input-container"},e("form",{onSubmit:g,class:"xplor-assistant__input-form"},i&&e("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"},e("span",{class:"xplor-assistant__voice-icon",innerHTML:h})),e("input",{type:"text",class:"xplor-assistant__input",placeholder:r,value:l,onInput:x,disabled:t\|\|o}),e("button",{type:"submit",class:"xplor-assistant__send-button",disabled:m,title:"Send message"},e("span",{class:"xplor-assistant__send-icon",innerHTML:f}))))};const w=n=>{const{replies:r,disabled:t,onReplyClick:o}=n;if(!r\|\|r.length===0){return null}return e("div",{class:"xplor-assistant__quick-replies"},r.map((n=>e("button",{class:"xplor-assistant__quick-reply",onClick:()=>o(n),disabled:t,type:"button"},n))))};const _=()=>e("div",{class:"xplor-assistant__typing-indicator"},e("span",{class:"xplor-assistant__typing-dot"}),e("span",{class:"xplor-assistant__typing-dot"}),e("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(e){n(this,e);this.assistantMessageSent=r(this,"assistantMessageSent");this.assistantMessageReceived=r(this,"assistantMessageReceived");this.assistantError=r(this,"assistantError");this.assistantSessionCreated=r(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 r={id:`user-${Date.now()}`,role:"user",content:n.trim(),timestamp:new Date};this.messages=[...this.messages,r];this.error="";this.isLoading=true;this.assistantMessageSent.emit({message:r.content,sessionId:this.internalSessionId,timestamp:r.timestamp});try{const n=await g(this.apiEndpoint,r.content,this.internalSessionId,this.userId,this.userEmail,this.userName);if(n.sessionId&&n.sessionId!==this.internalSessionId){this.internalSessionId=n.sessionId}const e={id:`assistant-${Date.now()}`,role:"assistant",content:n.message,timestamp:new Date};this.messages=[...this.messages,e];this.assistantMessageReceived.emit({message:e.content,sessionId:this.internalSessionId,timestamp:e.timestamp});if(this.autoSpeak&&this.enableTextToSpeech){this.speechSynthesis.speak(e.content)}}catch(n){const r=n instanceof Error?n.message:"Failed to send message";this.handleError(r,"api")}finally{this.isLoading=false}};this.handleVoiceInput=n=>{if(n&&n.trim()){this.handleSendMessage(n)}};this.handleError=(n,r)=>{this.error=n;this.assistantError.emit({error:n,type:r,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 e(t,null,e("div",{class:"xplor-assistant xplor-assistant--error"},e("div",{class:"xplor-assistant__error-message"},this.error)))}return e(t,null,e("div",{class:{"xplor-assistant":true,"xplor-assistant--disabled":this.disabled},style:{maxHeight:this.maxHeight}},e("div",{class:"xplor-assistant__messages",ref:n=>this.messagesContainerRef=n},this.messages.map((n=>e(v,{message:n,enableTextToSpeech:this.enableTextToSpeech,autoSpeak:false,isSpeaking:this.isSpeaking,onSpeak:this.handleSpeak,onStopSpeaking:this.handleStopSpeaking}))),this.isLoading&&e("div",{class:"xplor-assistant__message xplor-assistant__message--assistant"},e(_,null)),this.error&&this.apiEndpoint&&e("div",{class:"xplor-assistant__error-banner"},this.error)),this.quickReplies&&this.quickReplies.length>0&&e(w,{replies:this.quickReplies,disabled:this.disabled\|\|this.isLoading,onReplyClick:this.handleQuickReply}),e(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(e){n(this,e);this.xplorChange=r(this,"xplorChange");this.xplorSelect=r(this,"xplorSelect");this.xplorClear=r(this,"xplorClear");this.xplorSearch=r(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 r=n.target;this.searchQuery=r.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 r;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;(r=this.inputEl)===null\|\|r===void 0?void 0:r.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 r=n.target;if(!this.el.contains(r)){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((r=>this.getItemText(r).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 r;if(n.disabled)return;const e=this.getItemValue(n);if(this.multiple){if(!this.selectedItems.includes(e)){this.selectedItems=[...this.selectedItems,e];this.value=this.selectedItems;this.xplorChange.emit(this.value)}this.searchQuery="";this.filterItems()}else{this.value=e;this.searchQuery=this.getItemText(n);this.isOpen=false;this.xplorChange.emit(this.value)}this.xplorSelect.emit(n);(r=this.inputEl)===null\|\|r===void 0?void 0:r.focus()}removeItem(n){this.selectedItems=this.selectedItems.filter((r=>r!==n));this.value=this.selectedItems;this.xplorChange.emit(this.value)}getSelectedItemLabel(n){const r=this.items.find((r=>this.getItemValue(r)===n));return r?this.getItemText(r):n}findItemByValue(n){return this.items.find((r=>this.getItemValue(r)===n))}render(){const n=this.multiple?this.selectedItems.length>0:this.value!==null&&this.searchQuery!=="";return e(t,{key:"3f88b352e99fbaf327995f2392b22a589a838c72"},e("div",{key:"358c6a0fbae370f7225c17f9b859edc0d5a1cfc5",class:{autocomplete:true,"autocomplete--disabled":this.disabled,"autocomplete--readonly":this.readonly,"autocomplete--open":this.isOpen}},this.label&&e("label",{key:"e07d2fc33354bef628b7361eeb924cf00eafb989",class:"autocomplete__label"},this.label),e("div",{key:"455efa54f13e4aa22d62df4f30dbfb42540d4baf",class:"autocomplete__input-wrapper"},this.multiple&&this.selectedItems.length>0&&e("div",{key:"e1f68cc007e84feb11f01bfcde8294a3b3a52122",class:"autocomplete__chips"},this.selectedItems.map((n=>{const r=this.findItemByValue(n);return e("div",{class:"autocomplete__chip"},e("span",{class:"autocomplete__chip-label"},this.renderSelection&&r?this.renderSelection(r):this.getSelectedItemLabel(n)),e("button",{type:"button",class:"autocomplete__chip-remove",onClick:()=>this.removeItem(n),disabled:this.disabled\|\|this.readonly},"×"))}))),e("input",{key:"bfe3af918668f6003e11b3e331d7875773c31848",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"}),e("div",{key:"6198fb2b029bd365c9929bdfe0b82815b3dd6bf2",class:"autocomplete__actions"},this.clearable&&n&&!this.disabled&&!this.readonly&&e("button",{key:"e997555b393f60ae3f4affd803a92ba39e95b48b",type:"button",class:"autocomplete__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),e("span",{key:"0eab80a3ce9e55e403758ba0a53e89e7c3d3a36e",class:"autocomplete__icon"},"▼"))),this.isOpen&&this.filteredItems.length>0&&e("div",{key:"37a77dc04d78b8c8cdc4decedf65f0adda67f626",class:"autocomplete__dropdown",ref:n=>this.dropdownEl=n,style:{maxWidth:this.menuMaxWidth}},this.filteredItems.map(((n,r)=>{const t=this.getItemValue(n);return e("div",{key:t,"data-index":r,class:{autocomplete__item:true,"autocomplete__item--highlighted":r===this.highlightedIndex,"autocomplete__item--selected":this.multiple?this.selectedItems.includes(t):this.value===t,"autocomplete__item--disabled":n.disabled},onClick:()=>this.selectItem(n)},this.renderItem?this.renderItem(n):this.getItemText(n))}))),this.isOpen&&this.filteredItems.length===0&&e("div",{key:"0f27440009a83374a615acf39b400181f4c7189f",class:"autocomplete__dropdown",style:{maxWidth:this.menuMaxWidth}},e("div",{key:"634fb46e7f539c1cddfa11f2a30f80e34a684913",class:"autocomplete__no-results"},"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(r){n(this,r);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 r=e("div",{key:"2e2722f2649108b7fdc3fd51375e17ac47e6f1ff"},this.src?e("img",{alt:this.name,src:this.src}):e("div",{class:"xpl-avatar__placeholder"},e("slot",null)),this.status&&e("div",{key:"1367e8fccd661b566d95cb1bf3a20467be7bc40f",class:`xpl-avatar__dot--${this.status}`}));return e(t,{key:"ac12deb4b322146d75c650ba0abe6d96c35efd67"},this.href&&!this.disabled?e("a",{href:this.href,class:n,target:this.target},r):this.href&&this.disabled?e("div",{class:n+" xpl-avatar--disabled"},r):e("div",{class:n},r))}};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(r){n(this,r);this.size="md"}render(){return e(t,{key:"adf60fff779f4cc4bf31c20468c6372c6cef675b"},e("div",{key:"1c94683794ed122c7c1456e4abf7ae60f6458dd0",class:"avatar-and-name"},e("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()),e("span",{key:"663d209d1a1fd4cf70198f1b4a08d71263b201d5",class:"avatar-and-name__text"},e("slot",{key:"611eb31cc972f67f1a9d184eb844b4c2134f0f9f"},this.name))))}};M.style=L;const F="@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 D=class{constructor(r){n(this,r);this.backgroundColor="#e3f2fd";this.color="auto";this.threshold=130;this.variant="flat";this.size="medium";this.datatable=false;this.text=""}calculateLuminance(n,r,e){const[t,o,i]=[n,r,e].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 r=n.replace("#","");if(r.length===3){const n=parseInt(r[0]+r[0],16);const e=parseInt(r[1]+r[1],16);const t=parseInt(r[2]+r[2],16);return{r:n,g:e,b:t}}else if(r.length===6){const n=parseInt(r.substring(0,2),16);const e=parseInt(r.substring(2,4),16);const t=parseInt(r.substring(4,6),16);return{r:n,g:e,b:t}}}const r=n.match(/rgba?\((\d+),\s(\d+),\s(\d+)/);if(r){return{r:parseInt(r[1]),g:parseInt(r[2]),b:parseInt(r[3])}}return null}calculateContrastingColor(n){const r=this.parseColor(n);if(!r)return"#000000";const e=this.calculateLuminance(r.r,r.g,r.b);return e>.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 e(t,{key:"4f0691b5233e85340519a7ead5f3f3508c35c307"},e("span",{key:"1588d8d3a85def71d7e5b5f5883d36ca5a232141",class:this.computedClasses,style:this.cssVars},e("slot",{key:"571aa32299b77b94351ef8a1b66e071fa318c2e5"},this.text)))}};D.style=F;const A="@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 P=class{constructor(r){n(this,r)}render(){return e(t,{key:"821006a66a77dcb1380c039c7f5932accb290e30"},e("span",{key:"48942c3389b30d05660061e82ef9461842c38ea8",class:"xplor-badge-active"},"Active"))}};P.style=A;const O="@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 $=class{constructor(r){n(this,r)}render(){return e(t,{key:"599e09f32f830d73850b5ec237839da8a7121c80"},e("span",{key:"844fd6e6bc86467cfe4be78922462d7a8da3a3ce",class:"xplor-badge-archived"},"Archived"))}};$.style=O;const B="@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 E=class{constructor(r){n(this,r)}render(){return e(t,{key:"df3f8b3c1375d524ab3d43973744d60c2abfaac5"},e("span",{key:"61801350159e59fe22fd75ebe81d0c6601df3de7",class:"xplor-badge-deleted"},"Deleted"))}};E.style=B;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 N=class{constructor(r){n(this,r)}render(){return e(t,{key:"fed692675532969ab1353a505743baf529ee8267"},e("span",{key:"780c2bf72f1b4d0f6dc2057ac1b4fc2c29e9b479",class:"xplor-badge-expired"},"Expired"))}};N.style=H;const q="@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(r){n(this,r)}render(){return e(t,{key:"91648179b68ae6aa6db61292bf53b27761b7e00a"},e("span",{key:"08eab77d253bf84f767f78e0ee147147d7b999ef",class:"xplor-badge-inactive"},"Inactive"))}};V.style=q;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-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 W=class{constructor(r){n(this,r)}render(){return e(t,{key:"9233d1e70a44d0b058b44f42afab990f4bdb851d"},e("span",{key:"be98dcedb815e3df2c68c94ba21b7084f55523a7",class:"xplor-badge-recalled"},"Recalled"))}};W.style=R;const U="@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 Z=class{constructor(r){n(this,r)}getBookingTypeClass(){var n,r;const e=["xplor-badge-session-booking"];switch((n=this.booking)===null\|\|n===void 0?void 0:n.type){case"absence":e.push("xplor-badge-session-booking--absent");break;case"attendance":e.push("xplor-badge-session-booking--attend");break;case"holiday":e.push("xplor-badge-session-booking--holiday");break;default:e.push("xplor-badge-session-booking--default");break}if((r=this.item)===null\|\|r===void 0?void 0:r.ccs_gap_fee_is_waived){e.push("xplor-badge-session-booking--waived")}return e.join(" ")}render(){return e(t,{key:"2de356577c682b61f7bab3df1963df5b23884a19"},e("span",{key:"810ab3316b54ada35c0352a5ae47f60a4590b986",class:this.getBookingTypeClass()},e("slot",{key:"7da46c8b9e18ee6a1553a088bea17494e0aee832"})))}};Z.style=U;const J="@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 Y=class{constructor(r){n(this,r)}render(){return e(t,{key:"51078127992721291d5b557148239d657b050ad4"},e("span",{key:"cd95ea48dad3fb544df80a70318da7671b8700be",class:"xplor-badge-upcoming"},"Upcoming"))}};Y.style=J;const K="@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(r){n(this,r)}render(){return e(t,{key:"918d4113efa7e206ba15af2ccacdf11950640aaf"},e("span",{key:"697713efbf0a9b86a6af4e7bf102f07a7ad2dd48",class:"xplor-badge-waitlist"},"Waitlist"))}};X.style=K;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(e){n(this,e);this.xplorClick=r(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 r={"--min-width":this.minWidth,"--min-height":this.minHeight,"--gap":this.gap};return e(t,{key:"1fa9f6b770f01f2a384591293831a2fecb15b593"},e("button",{key:"3d201c9b3ccb3176401b1c671237825231c78d39",class:n,style:r,disabled:this.disabled,onClick:this.handleClick},e("span",{key:"2e92390e29ad2f0e9c5144f802d66544bd1f00c4",class:"xplor-btn-back__icon"},"‹"),e("span",{key:"e663a5e163007a0fc82162b6d9a2a8018cab8a76",class:"xplor-btn-back__text"},e("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 rn=class{constructor(e){n(this,e);this.back=r(this,"back");this.size="2.25rem";this.inline=false;this.bgColor="white";this.color="secondary";this.variant="tonal";this.handleClick=()=>{this.back.emit()}}render(){const n={"xplor-btn-back-to-parent":true,"xplor-btn-back-to-parent--inline":this.inline};const r={"--btn-size":this.size};return e(t,{key:"9ea4d137e9f4c80d0f5586953c5d463f365f5205"},e("button",{key:"1e1839f03ca09a8a106a6f2ee2d7ca0a7b407588",class:n,style:r,onClick:this.handleClick},e("span",{key:"50f7ee25b402d4ee796670ab59ad3c1085a0138d",class:"xplor-btn-back-to-parent__icon"},"✕")))}};rn.style=nn;const en="@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(e){n(this,e);this.xplorClick=r(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 r={"--btn-size":typeof this.size==="number"?`${this.size}px`:this.size,"--icon-size":typeof this.iconSize==="number"?`${this.iconSize}px`:this.iconSize};return e(t,{key:"d5077956c7999278384896a9a7a6bc011a6c84fe"},e("button",{key:"8c58f798cdfd47607c4d7275d1a1d3c63c34d96d",class:n,style:r,disabled:this.disabled,onClick:this.handleClick},e("span",{key:"b2da80152f63a20cd4c284103c344e1c95f76f10",class:"xplor-btn-icon__content"},e("slot",{key:"de99b1a981800af7c0639cb0d1188268a9a408e1"}))))}};tn.style=en;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(e){n(this,e);this.xplorClick=r(this,"xplorClick");this.label="";this.options=[];this.hiddenKeys=[];this.disabledKeys=[];this.color="secondary";this.density="default";this.show=false;this.handleOutsideClick=n=>{if(this.menuRef&&!this.menuRef.contains(n.target)){this.show=false}};this.toggleMenu=()=>{this.show=!this.show};this.handleClickOption=n=>{this.xplorClick.emit(n);this.show=false};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)}render(){return e(t,{key:"3e9516c7c2b31794bf8d71eb5672e46d3210dbc8"},e("div",{key:"e030d7ab1b7eee7fc8de9a6a519c69c285d01529",class:"xplor-btn-menu",ref:n=>this.menuRef=n},e("slot",{key:"185cb5433a18d51ea7e2f9b9309f7570050fdcea",name:"activator"},e("button",{key:"de5afd1f3e58b56301ea75724f0f1a5e04697f39",class:"xplor-btn-menu__button",onClick:this.toggleMenu},e("span",{key:"73eaed41e0a754d06753f0fa30ef32864f2841f8"},this.label),e("span",{key:"63bc890fe97154d02eb4da50e689f1db5226870f",class:"xplor-btn-menu__icon"},"▼"))),this.show&&e("div",{key:"6f231d7e1feac5dca59c9ef03d45dcfeffcedcbf",class:"xplor-btn-menu__list"},this.options.map(((n,r)=>{const t=n.key\|\|String(r);if(this.isHidden(t)){return null}return e("div",{key:t,class:{"xplor-btn-menu__item":true,"xplor-btn-menu__item--disabled":this.isDisabled(t)},onClick:()=>!this.isDisabled(t)&&this.handleClickOption(n)},e("slot",{name:t},n.label\|\|""))})))))}};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(e){n(this,e);this.xplorToggle=r(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 e(t,{key:"9434059f3e934707d2be2dbabe539ef6f06dbf66"},e("button",{key:"bbdc0032e4eb79951d06fb47e19ab76a842f0c46",class:n,disabled:this.disabled,onClick:this.handleClick,"aria-pressed":this.active?"true":"false"},e("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(r){n(this,r);this.multiple=false;this.density="default"}render(){return e(t,{key:"587016261064869ff2b10cf04371963f57642221"},e("div",{key:"ee8813207ade2261011e699ce12010135a6d640b",class:"xplor-btn-toggle-group",role:"group"},e("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(e){n(this,e);this.xplorToggle=r(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 e(t,{key:"e82338d3bdbd2af08df290ee79359acb9e61dfae"},e("button",{key:"137cf53e7b48676e86e3ed12a575e94792eab35c",class:n,disabled:this.disabled,onClick:this.handleClick,"aria-pressed":this.active?"true":"false"},e("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(r){n(this,r);this.tooltipPosition="top";this.type="primary";this.disabled=false}render(){return e(t,{key:"252d295aa8fa8f6f404727baef30d00dbcac17b8"},e("xplor-tooltip",{key:"cba71a8dd339f47b16f4a161a341895ca70e22b0",position:this.tooltipPosition,content:this.tooltipText,trigger:"hover",arrow:true,disabled:this.disabled},e("xplor-button",{key:"31c167ffa852074e94a2cac255ab10b86ad041ef",slot:"trigger",text:this.text,type:this.type,mode:this.mode,"icon-position":this.iconPosition},e("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(r){n(this,r);this.type="secondary";this.mode="pg";this.icon="+"}renderIcon(){if(this.icon==="svg"&&this.iconSvg){return e("span",{class:"button-icon button-icon--svg ",innerHTML:this.iconSvg})}return e("span",{class:"button-icon"},this.icon)}render(){const n=!this.text&&this.iconPosition!==null;const r=this.iconPosition!==null;return e(t,{key:"94fed7b7f39f8aca0273d5b6da123e1ce7d87d01"},e("slot",{key:"fd6a53ce8ce00175207dff16d976379a0ab8040b"},e("button",{key:"a688aabc8675ef63f3c18c2af4b0a24c8bc29de7",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":r&&!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()},r&&this.iconPosition==="start"&&this.renderIcon(),this.text&&e("span",{key:"82d9558a551bcc23ead90b3f42d0fcd94bd7301f",class:"button-text"},this.text),r&&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(r){n(this,r);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 r=n.target;this.selectedLanguage=r.value;console.log("Selected language:",this.selectedLanguage)}}componentDidLoad(){var n;const r=(n=this.host.shadowRoot)===null\|\|n===void 0?void 0:n.getElementById("text");if(r){this.textValue=r.textContent\|\|"";console.log("textValue:",this.textValue)}}render(){return e(t,{key:"19fe2c1cbe9c2f82779a3e9e6966db8e22988002"},e("div",{key:"b2d611ff824b3e4c9eff2c7eac45716219de2b96",id:"ai-text"},this.textValue),e("div",{key:"96ca4702ebd751d3b6ab95a23ca1b762ef1be270",class:"container"},e("xplor-dropdown",{key:"74a7468be12b73d97cf473cd7bb9bae99e62fa1b",options:this.languageOptions,selected:this.selectedLanguage,handleChange:this.handleChange}),e("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}";const vn=class{constructor(e){n(this,e);this.checkboxChange=r(this,"checkboxChange");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 e("div",{key:"b8e50575c4ab946f2bd1949a552abf98218c3cc0",class:"checkbox-wrapper"},e("div",{key:"4e1ea41fed9f07346be31da5436eeb4d8961d559",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()},this.checked&&e("svg",{key:"de6740ce5950517792bbcacd5019af968d0d75f8",class:"check-icon",viewBox:"0 0 16 16",fill:"none"},e("path",{key:"25b2882bc42793685ce25b4a06ae35a3f33fb195",d:"M13.3334 4L6.00002 11.3333L2.66669 8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),this.indeterminate&&e("svg",{key:"a54be57758d0447a8575a1d141fa592e55e8cbdc",class:"indeterminate-icon",viewBox:"0 0 16 16",fill:"none"},e("path",{key:"12350f7a694cac2f3f18327a2a3626a414167a58",d:"M3.33331 8H12.6666",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))),this.label&&e("span",{key:"8185cd091331cf4aed793dbdffcb674d478d5d3a",class:"label"},this.label))}static get watchers(){return{initialChecked:["watchCheckedProp"],initialIndeterminate:["watchIndeterminateProp"]}}};vn.style=yn;const kn="@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 wn=class{constructor(e){n(this,e);this.xplorChange=r(this,"xplorChange");this.xplorSelect=r(this,"xplorSelect");this.xplorCreate=r(this,"xplorCreate");this.xplorClear=r(this,"xplorClear");this.xplorSearch=r(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 r=n.target;this.searchQuery=r.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 r;if(this.disabled\|\|this.readonly)return;const e=this.filteredItems.length+(this.canCreateNew()?1:0);switch(n.key){case"ArrowDown":n.preventDefault();this.isOpen=true;this.highlightedIndex=Math.min(this.highlightedIndex+1,e-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;(r=this.inputEl)===null\|\|r===void 0?void 0:r.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 r=n.find((n=>n.value===this.value));if(r){this.searchQuery=r.label}}}}handleDocumentClick(n){const r=n.target;if(!this.el.contains(r)){this.isOpen=false}}filterItems(){const n=this.searchQuery.toLowerCase();const r=[...this.items,...this.customItems];if(n===""){this.filteredItems=r;return}this.filteredItems=r.filter((r=>r.label.toLowerCase().includes(n)))}canCreateNew(){if(!this.allowCustom\|\|this.searchQuery.trim()===""){return false}const n=[...this.items,...this.customItems];const r=n.some((n=>n.label.toLowerCase()===this.searchQuery.toLowerCase()));return!r}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 r;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);(r=this.inputEl)===null\|\|r===void 0?void 0:r.focus()}createNewItem(){const n=this.searchQuery.trim();const r={label:n,value:n};this.customItems=[...this.customItems,r];this.selectItem(r);this.xplorCreate.emit(n)}removeItem(n){this.selectedItems=this.selectedItems.filter((r=>r!==n));this.value=this.selectedItems;this.xplorChange.emit(this.value)}getSelectedItemLabel(n){const r=[...this.items,...this.customItems];const e=r.find((r=>r.value===n));return e?e.label:n}render(){const n=this.multiple?this.selectedItems.length>0:this.value!==null&&this.searchQuery!=="";const r=this.canCreateNew();return e(t,{key:"64bfbc829a52c048f8270ab328f73607bd94ebc1"},e("div",{key:"25d9cf959f68c555befdfd5d2351cbb1964b1e46",class:{combobox:true,"combobox--disabled":this.disabled,"combobox--readonly":this.readonly,"combobox--open":this.isOpen}},this.label&&e("label",{key:"5d6afc2c5c9b3c84abca67469b87c1acb88b9517",class:"combobox__label"},this.label),e("div",{key:"5d7666d518792cc71c7062453f308771499056f9",class:"combobox__input-wrapper"},this.multiple&&this.selectedItems.length>0&&e("div",{key:"c16c2887b644a9c47034b70a949a7d4dcc403233",class:"combobox__chips"},this.selectedItems.map((n=>e("div",{class:"combobox__chip"},e("span",{class:"combobox__chip-label"},this.getSelectedItemLabel(n)),e("button",{type:"button",class:"combobox__chip-remove",onClick:()=>this.removeItem(n),disabled:this.disabled\|\|this.readonly},"×"))))),e("input",{key:"28721137cc8339ac1c0881319dc4718ed2c04cf2",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"}),e("div",{key:"ba914008002039d274efd11f9790e9d13613a048",class:"combobox__actions"},this.clearable&&n&&!this.disabled&&!this.readonly&&e("button",{key:"3b442197e1a6e0b94157dfb6f3a5d5e5529419dc",type:"button",class:"combobox__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),e("span",{key:"cdafaeb0392798f291892342d50a0cec7234b7a1",class:"combobox__icon"},"▼"))),this.isOpen&&(this.filteredItems.length>0\|\|r)&&e("div",{key:"d50da0e18e34a079345c13498efbf3c61fb6be28",class:"combobox__dropdown",ref:n=>this.dropdownEl=n},this.filteredItems.map(((n,r)=>e("div",{key:n.value,"data-index":r,class:{combobox__item:true,"combobox__item--highlighted":r===this.highlightedIndex,"combobox__item--selected":this.multiple?this.selectedItems.includes(n.value):this.value===n.value,"combobox__item--disabled":n.disabled},onClick:()=>this.selectItem(n)},n.label))),r&&e("div",{key:"9801a00634c1b6a1ed4bf1f97dc5c5321dc8c189","data-index":this.filteredItems.length,class:{combobox__item:true,"combobox__item--create":true,"combobox__item--highlighted":this.highlightedIndex===this.filteredItems.length},onClick:()=>this.createNewItem()},e("span",{key:"4d563ce7576c3caa2b343bfe18dbdf2c29f0ceb2",class:"combobox__create-label"},this.createMessage,":")," ",e("strong",{key:"e792de9d6e8586757271e0838b9035da7c3f47cb"},'"',this.searchQuery,'"'))),this.isOpen&&this.filteredItems.length===0&&!r&&e("div",{key:"f163e417e711ec833320a8f6d687a3202741b1fe",class:"combobox__dropdown"},e("div",{key:"30831097ffecac58be272ff9fe6931e2d7bd4a34",class:"combobox__no-results"},"No results found"))))}get el(){return o(this)}};wn.style=kn;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 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 zn=class{constructor(e){n(this,e);this.rowClick=r(this,"rowClick");this.xplorSelectionChange=r(this,"xplorSelectionChange");this.paginationChange=r(this,"paginationChange");this.sortChange=r(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 r=n.target;const e=r.checked;if(e){this.items.forEach((n=>this.internalSelected.add(n)))}else{this.internalSelected.clear()}this.allSelected=e;this.internalSelected=new Set(this.internalSelected);this.xplorSelectionChange.emit(Array.from(this.internalSelected))};this.handleSelectOne=(n,r)=>{const e=n.target;const t=e.checked;if(t){this.internalSelected.add(r)}else{this.internalSelected.delete(r)}this.internalSelected=new Set(this.internalSelected);this.updateAllSelectedState();this.xplorSelectionChange.emit(Array.from(this.internalSelected))};this.handleRowClick=(n,r)=>{const e=r.target;if(e.tagName==="INPUT"\|\|e.closest("input")){return}this.rowClick.emit(n)};this.handlePageChange=n=>{const r=Object.assign(Object.assign({},this.pagination),{page:n});this.paginationChange.emit(r)};this.handlePerPageChange=n=>{const r=n.target;const e=parseInt(r.value,10);if(!isNaN(e)){const n=Object.assign(Object.assign({},this.pagination),{page:1,perpage:e});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 e("svg",{class:"sort-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor",opacity:"0.3"}),e("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor",opacity:"0.3"}))}if(this.sortDirection==="asc"){return e("svg",{class:"sort-icon active",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor"}),e("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor",opacity:"0.3"}))}return e("svg",{class:"sort-icon active",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M8 3L11 6H5L8 3Z",fill:"currentColor",opacity:"0.3"}),e("path",{d:"M8 13L5 10H11L8 13Z",fill:"currentColor"}))}renderSkeletonLoader(){return e("tbody",{class:"skeleton-loader"},Array.from({length:this.pagination.perpage}).map((()=>e("tr",null,this.canSelect&&e("td",null,e("div",{class:"skeleton skeleton-checkbox"})),this.headers.map((()=>e("td",null,e("div",{class:"skeleton skeleton-text"}))))))))}renderPagination(){const n=Math.ceil(this.pagination.total/this.pagination.perpage);const r=this.pagination.page;const t=(r-1)this.pagination.perpage+1;const o=Math.min(rthis.pagination.perpage,this.pagination.total);return e("div",{class:"datatable-footer"},e("div",{class:"footer-info"},this.pagination.total>0?e("span",null,"Showing ",t," to ",o," of ",this.pagination.total," entries"):e("span",null,"No entries")),e("div",{class:"footer-controls"},e("div",{class:"per-page-selector"},e("label",null,"Rows per page:",e("select",{onInput:this.handlePerPageChange},this.perPageOptions.map((n=>e("option",{value:n,selected:n===this.pagination.perpage},n)))))),e("div",{class:"pagination-controls"},e("button",{class:"pagination-btn",disabled:r===1,onClick:()=>this.handlePageChange(1),"aria-label":"First page"},e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M11 12L7 8L11 4M5 4V12",stroke:"currentColor","stroke-width":"1.5"}))),e("button",{class:"pagination-btn",disabled:r===1,onClick:()=>this.handlePageChange(r-1),"aria-label":"Previous page"},e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M10 12L6 8L10 4",stroke:"currentColor","stroke-width":"1.5"}))),e("span",{class:"page-info"},"Page ",r," of ",n\|\|1),e("button",{class:"pagination-btn",disabled:r>=n,onClick:()=>this.handlePageChange(r+1),"aria-label":"Next page"},e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("path",{d:"M6 4L10 8L6 12",stroke:"currentColor","stroke-width":"1.5"}))),e("button",{class:"pagination-btn",disabled:r>=n,onClick:()=>this.handlePageChange(n),"aria-label":"Last page"},e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e("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 r=!!this.height;return e(t,{key:"779f32a211bb2d9d5d70363112970f00d62d9ccf",class:"xplor-datatable"},e("div",{key:"27995dd2f98074fe0bd223b52ae3b25cc48a8ab6",class:"datatable-container"},e("div",{key:"379d7b6999df3d94e2fa6618394e14fa9e99d96b",class:{"table-wrapper":true,"has-height":r,"horizontal-lines":this.horizontalLines,striped:this.striped,"is-empty":this.items.length===0},style:r?{height:n}:{}},e("table",{key:"5f46224fe7ecc2fd3781e11d592fee5c8d80e9f2",class:{hover:this.hover}},e("thead",{key:"d20432aa1d6551dd324a60ed594cd5ebc2c80198"},e("tr",{key:"62cc50e679f8345caba6f92a7ae117b68728425d"},this.canSelect&&e("th",{key:"dfffb0bf421458b192db6eae3538da8a752f5356",class:"select-column"},e("label",{key:"17cdb037cee9b2d0cce729e0761f03b4bca14354",class:"checkbox-label"},e("input",{key:"ecba2511bab5cd9a25a01eb1e7038e1400492392",type:"checkbox",checked:this.allSelected,indeterminate:this.internalSelected.size>0&&this.internalSelected.size<this.items.length,onChange:this.handleSelectAll}))),this.headers.map((n=>e("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)},e("div",{class:"header-content"},e("span",null,n.text),n.sortable!==false&&this.getSortIcon(n))))))),this.loading&&this.skeletonLoader?this.renderSkeletonLoader():e("tbody",null,this.items.length===0?e("tr",{class:"empty-row"},e("td",{colSpan:this.headers.length+(this.canSelect?1:0)},e("div",{class:"empty-state"},e("p",null,"No data available")))):this.items.map((n=>{const r=this.internalSelected.has(n);return e("tr",{class:{selected:r,clickable:true},onClick:r=>this.handleRowClick(n,r)},this.canSelect&&e("td",{class:"select-column"},e("label",{class:"checkbox-label"},e("input",{type:"checkbox",checked:r,onChange:r=>this.handleSelectOne(r,n)}))),this.headers.map((r=>e("td",{class:`align-${r.align\|\|"left"}`},e("slot",{name:`item.${r.value}`},n[r.value])))))}))))),this.pagination&&this.pagination.total>0&&this.renderPagination()))}get el(){return o(this)}static get watchers(){return{selected:["watchSelected"],items:["watchItems"]}}};zn.style=_n;const Cn="@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}";const In=class{constructor(e){n(this,e);this.dateChange=r(this,"dateChange");this.xplorFocus=r(this,"xplorFocus");this.xplorBlur=r(this,"xplorBlur");this.xplorClear=r(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.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 r=this.parseInputText(this.inputText);if(r&&this.isDateInRange(r)){this.value=r;this.inputText=this.formatDateForDisplay(r);this.dateChange.emit(r)}else if(this.value){this.inputText=this.formatDateForDisplay(this.value)}else{this.inputText=""}};this.handleInputChange=n=>{const r=n.target;this.inputText=r.value};this.handleDateSelected=n=>{n.stopPropagation();const r=n.detail;if(!this.isDateInRange(r))return;if(this.type==="month"){const n=this.parseISODate(r);if(n){let r;if(this.monthType==="end"){r=new Date(n.getFullYear(),n.getMonth()+1,0)}else{r=new Date(n.getFullYear(),n.getMonth(),1)}const e=this.toISO(r);this.value=e;this.inputText=this.formatDateForDisplay(e);this.dateChange.emit(e)}}else{this.value=r;this.inputText=this.formatDateForDisplay(r);this.dateChange.emit(r)}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 r=n.target;if(!this.el.contains(r)){this.isOpen=false}}parseISODate(n){if(!n)return null;const r=new Date(n+"T00:00:00");return isNaN(r.getTime())?null:r}formatDateForDisplay(n){const r=this.parseISODate(n);if(!r)return n;if(this.type==="month"){return new Intl.DateTimeFormat("en-AU",{month:"long",year:"numeric"}).format(r)}switch(this.dateFormat){case"long":return new Intl.DateTimeFormat("en-AU",{day:"numeric",month:"short",year:"numeric"}).format(r);case"iso":return n;case"short":default:return new Intl.DateTimeFormat("en-AU",{day:"2-digit",month:"2-digit",year:"numeric"}).format(r)}}toISO(n){const r=n.getFullYear();const e=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${r}-${e}-${t}`}parseInputText(n){const r=n.trim();if(!r)return null;const e=r.match(/^(\d{1,2})[/\-.](\d{1,2})[/\-.](\d{4})$/);if(e){const n=parseInt(e[1],10);const r=parseInt(e[2],10);const t=parseInt(e[3],10);const o=new Date(t,r-1,n);if(o.getFullYear()===t&&o.getMonth()===r-1&&o.getDate()===n){return this.toISO(o)}}const t=r.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);if(t){const n=parseInt(t[1],10);const r=parseInt(t[2],10);const e=parseInt(t[3],10);const o=new Date(n,r-1,e);if(o.getFullYear()===n&&o.getMonth()===r-1&&o.getDate()===e){return this.toISO(o)}}const o=new Date(r);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 r=window.innerHeight-n.bottom;this.dropdownPosition=r<350?"top":"bottom"}render(){const n=this.hideDetails===false\|\|this.hideDetails==="auto"&&this.error;const r=e("svg",{key:"9a8e37792f14af7af7f14ec86602b5c9bfb28b56",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"},e("rect",{key:"bfbc6e0022ea0c4d5d9ebd49636d9d8b32c2d32c",x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),e("line",{key:"0d1fd4f951edd7bf388709e4db248d1421c67832",x1:"16",y1:"2",x2:"16",y2:"6"}),e("line",{key:"0995228bc198c5a09de2c9213a4713c2b3e3f054",x1:"8",y1:"2",x2:"8",y2:"6"}),e("line",{key:"c938471721e6e72b25cbc7d46ddf823f5a37bfe5",x1:"3",y1:"10",x2:"21",y2:"10"}));return e(t,{key:"5acf3baf9f4d5cece68b25339a68a05f572a1bb9"},e("div",{key:"b1c2d84e87ab4d99a1af317397c6b442fbb49f93",class:{"date-picker":true,"date-picker--disabled":this.disabled,"date-picker--error":!!this.error,"date-picker--open":this.isOpen}},this.label&&e("label",{key:"94d43b8d44f60806824f4ef72fe4cb0113441351",class:"date-picker__label"},this.label,this.required&&e("span",{key:"2ae8a33b2a46d7e81a990368390f52c167879013",class:"date-picker__required"},"")),this.display==="text"?e("div",{class:"date-picker__text-display",onClick:this.handleTextClick},e("span",{class:"date-picker__text-value"},this.value?this.formatDateForDisplay(this.value):this.placeholder),r):e("div",{class:"date-picker__field"},e("input",{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}}),e("div",{class:"date-picker__actions"},this.clearable&&this.value&&!this.disabled&&!this.readonly&&e("button",{type:"button",class:"date-picker__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),e("button",{type:"button",class:"date-picker__icon-btn",onClick:this.toggleDropdown,disabled:this.disabled,"aria-label":"Open calendar"},r))),n&&e("div",{key:"eff419a0def4d85e0df8e3182132eeeb57454cef",class:"date-picker__details"},this.error&&e("div",{key:"554878b0d415e16dd8715f58db0da94259a2e3c8",class:"date-picker__error-message"},this.error)),this.isOpen&&e("div",{key:"75ec84dd8849b3007cb4f99b73098e52b458a476",class:{"date-picker__dropdown":true,"date-picker__dropdown--top":this.dropdownPosition==="top"}},e("xplor-inline-date-picker",{key:"74c870356063103474e60245888b8b2ae67fcd1a",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)}};In.style=Cn;const Sn="@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-wrapper.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: var(--color-secondary-50, #f3e5f5);\n border-radius: 8px;\n border: 3px dashed #e0e0e0;\n min-height: 240px;\n padding: 1rem 1.5rem 2.5rem;\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}\n.drag-drop-card--dragover.sc-xplor-drag-and-drop-input {\n border: 3px dashed var(--color-secondary);\n background-color: var(--color-secondary-100, #e1bee7);\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: 1rem;\n padding: 0.5rem 0 0;\n}\n\n.drag-drop-card__icon.sc-xplor-drag-and-drop-input {\n color: var(--color-secondary);\n width: 68px;\n height: 68px;\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: 24px;\n font-weight: 700;\n line-height: 32px;\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.drag-drop-card__file-info.sc-xplor-drag-and-drop-input {\n margin-top: 1rem;\n color: #616161;\n font-family: Inter, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n padding: 0.25rem;\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .drag-drop-card.sc-xplor-drag-and-drop-input {\n min-height: 200px;\n }\n .drag-drop-card__title.sc-xplor-drag-and-drop-input {\n font-size: 20px;\n line-height: 28px;\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 jn=""+"/"+"";const Tn=class{constructor(e){n(this,e);this.fileSelect=r(this,"fileSelect");this.fileClear=r(this,"fileClear");this.disabled=false;this.accepts=jn;this.label="Drag and drop your file here";this.browseLabel="Browse Files";this.dragover=false;this.currentFile=null;this.onDrop=n=>{var r,e;n.preventDefault();this.dragover=false;if(this.disabled)return;const t=(e=(r=n.dataTransfer)===null\|\|r===void 0?void 0:r.files)===null\|\|e===void 0?void 0:e[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 r;const e=n.target;const t=(r=e.files)===null\|\|r===void 0?void 0:r[0];if(t){this.currentFile=t;this.fileSelect.emit(this.currentFile)}e.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 r=(n=this.accepts)===null\|\|n===void 0?void 0:n.trim();if(!r\|\|r===jn){return""}return r}}async clearCurrentFile(){this.currentFile=null;if(this.fileInputEl){this.fileInputEl.value=""}this.fileClear.emit()}render(){return e(t,{key:"b72e4af7297041c85e4739d815a306ff911e7aa1"},e("div",{key:"40ffa20b154c281bfc25b9b84ad4c2f0b8ed8ccb",class:"drag-drop-wrapper"},e("div",{key:"32129f70d878d4d9521125038ea19deddfed91d4",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},e("div",{key:"a85fdd90c7906f3aaaa7abc8d32242c8187962fe",class:"drag-drop-card__content"},e("svg",{key:"6db73c93ac4466f211877acf4624e619e1a720f3",class:"drag-drop-card__icon",xmlns:"http://www.w3.org/2000/svg",width:"60",height:"60",viewBox:"0 0 24 24",fill:"none"},e("path",{key:"498a203a5dd4bae94216812bbd0bb50e7754ab87",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"}),e("path",{key:"eb67e96947f184dab5a6b85987ef7938993b5f33",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"})),e("h3",{key:"e37febff26d168eee495b5bc7dd49346fdb1079f",class:"drag-drop-card__title"},this.label),e("p",{key:"514955f0836288b51e45d1ddaefe5eb2361e6007",class:"drag-drop-card__accepts"},"Accepted file types: ",this.getAcceptsLabel()),e("p",{key:"d390f6dc61ba8d87a512ca216c46dc8faf6d76a8",class:"drag-drop-card__divider"},"or"))),e("div",{key:"2127925fcb39ec6adea03f107ffe6faaee5a0c48",class:"drag-drop-card__action"},e("xplor-button",{key:"0659fa9bcc6f363516aebc12f66329f1aee630ab",text:this.browseLabel,type:this.disabled?"disabled":"secondary",clickAction:this.openFileDialog})),this.currentFile&&e("div",{key:"f6a788d77dd8d6f725ee0c6fde06ee3dbbadd77b",class:"drag-drop-card__file-info"},"File Selected: ",this.currentFile.name)),e("input",{key:"c514f68ceea5a5c6fd51e9bbe2098d100c6a9870",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}))}};Tn.style=Sn;const Ln="/ 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 Mn=class{constructor(r){n(this,r)}render(){return e(t,{key:"a4c0fd10eb0727179e89fd8d5065a679631c8df8"},e("select",{key:"251713d910a1eda1bf6935c138b91e1a946afb6c",class:"xplor-dropdown",onChange:this.handleChange},this.options.map((n=>e("option",{value:n,selected:this.selected===n},n)))))}};Mn.style=Ln;const Fn="@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 Dn=0;const An=class{constructor(e){n(this,e);this.xplorPanelToggle=r(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-${Dn++}`}componentDidLoad(){this.updateContentHeight()}updateContentHeight(){if(this.contentEl){this.contentHeight=this.contentEl.scrollHeight}}render(){return e(t,{key:"0049148b013c93b1dc071a2ab339b600c9335d14"},e("div",{key:"95ea285cf259218ecd924ca99ea60f8f82624802",class:{"expansion-panel":true,"expansion-panel--open":this.open,"expansion-panel--disabled":this.disabled}},e("button",{key:"6830f386af7ffbbcc126c3e048ea37ba774aea1c",class:"expansion-panel__header",onClick:this.handleToggle,disabled:this.disabled,"aria-expanded":this.open?"true":"false",type:"button"},e("div",{key:"07214bcf411e7778d7dd0effb53dfb9d65604646",class:"expansion-panel__header-content"},e("slot",{key:"351b3e28b5d57169f79aae1fec0df8721a4557e4",name:"header"})),e("span",{key:"041f8e499549325dd46fae89f7797576e43e047c",class:{"expansion-panel__icon":true,"expansion-panel__icon--open":this.open}},"▼")),e("div",{key:"c24a708cb5fb363d4e5e17e34604341872f9e4da",class:"expansion-panel__content",style:{maxHeight:this.open?`${this.contentHeight}px`:"0"}},e("div",{key:"cace106961690c2f4e1312f273136b9342f7eaca",class:"expansion-panel__content-inner",ref:n=>this.contentEl=n},e("slot",{key:"c29f780d6929b5f9687ea381cf332cfc945c8b5b"})))))}get el(){return o(this)}};An.style=Fn;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-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 On=class{constructor(r){n(this,r);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:r,isOpen:e}=n.detail;if(e){if(this.multiple){this.openPanels=new Set([...this.openPanels,r])}else{this.openPanels=new Set([r])}}else{const n=new Set(this.openPanels);n.delete(r);this.openPanels=n}this.value=this.multiple?Array.from(this.openPanels):Array.from(this.openPanels)[0]\|\|""}render(){return e(t,{key:"84799902825dd3245333d6ae1e3c2016bfe4351c"},e("div",{key:"b43833c79be3f85cb941fd26a57f31efddc4b898",class:"expansion-panels"},e("slot",{key:"56a99fa50bad4de4b1955ce7fd10db7eefa2b0fe"})))}};On.style=Pn;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-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 Bn=""+"/"+"";const En=class{constructor(e){n(this,e);this.xplorFileAdd=r(this,"xplorFileAdd");this.xplorFileRemove=r(this,"xplorFileRemove");this.xplorError=r(this,"xplorError");this.accepts=Bn;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 r=n.target;if(r.files){this.processFiles(Array.from(r.files))}};this.handleDragOver=n=>{n.preventDefault();if(!this.disabled){this.isDragging=true}};this.handleDragLeave=n=>{n.preventDefault();this.isDragging=false};this.handleDrop=n=>{var r;n.preventDefault();this.isDragging=false;if(this.disabled)return;if((r=n.dataTransfer)===null\|\|r===void 0?void 0:r.files){this.processFiles(Array.from(n.dataTransfer.files))}};this.handleRemoveFile=n=>{this.files=this.files.filter((r=>r.id!==n.id));this.xplorFileRemove.emit(n)};this.handleButtonClick=()=>{if(!this.disabled&&this.fileInputEl){this.fileInputEl.click()}}}processFiles(n){this.error="";const r=[];for(const e of n){if(e.size>this.maxSize){const n=(this.maxSize/(10241024)).toFixed(2);this.error=`File "${e.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 r=`.${e.name.split(".").pop()}`;const t=n.some((n=>{if(n.endsWith("/")){return e.type.startsWith(n.replace("/",""))}return n===e.type\|\|n===r}));if(!t){this.error=`File type "${e.type}" is not accepted`;this.xplorError.emit(this.error);continue}}const n={file:e,id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,name:e.name,size:e.size,type:e.type};if(this.showPreview&&e.type.startsWith("image/")){const r=new FileReader;r.onload=r=>{var e;n.dataUrl=(e=r.target)===null\|\|e===void 0?void 0:e.result;this.files=[...this.files]};r.readAsDataURL(e)}r.push(n)}if(r.length>0){if(this.multiple){this.files=[...this.files,...r]}else{this.files=[r[0]]}this.xplorFileAdd.emit(r)}if(this.fileInputEl){this.fileInputEl.value=""}}formatFileSize(n){if(n===0)return"0 Bytes";const r=1024;const e=["Bytes","KB","MB","GB"];const t=Math.floor(Math.log(n)/Math.log(r));return Math.round(n/Math.pow(r,t)100)/100+" "+e[t]}render(){return e(t,{key:"9c3ad81ff741fe6324a5e8af562c740965024df1"},e("div",{key:"b0b9bb545ce5a4e74c38bc6b49f7681f6e10dd89",class:"file-upload"},e("div",{key:"d1f1198c0d47009ffa85cc1188d292029b979111",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},e("input",{key:"1625dae6ee5648ea0dee0673a892420d0dab2e7c",ref:n=>this.fileInputEl=n,type:"file",accept:this.accepts,multiple:this.multiple,disabled:this.disabled,onChange:this.handleFileSelect,class:"file-upload__input"}),e("div",{key:"2d1e0ff6e55dd56df7ff04829128dd74eb05d350",class:"file-upload__content"},e("svg",{key:"aab4f33389ed3cddc4d6a30300d384209058f64e",class:"file-upload__icon",width:"48",height:"48",viewBox:"0 0 24 24",fill:"none"},e("path",{key:"51da727eaa0d9394184b54c845ae70c0de2c9c5c",d:"M12 15V3M12 3L8 7M12 3L16 7",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{key:"38123b6c7c9c898040a225d851ff7b488f8fedf4",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"})),e("p",{key:"530f416409a178f0dc9de208476085452e66156a",class:"file-upload__text"},"Drag & drop files here or"," ",e("button",{key:"9465171b3ee487fbf0e7aa75da09709eb061a32e",type:"button",class:"file-upload__button",onClick:this.handleButtonClick,disabled:this.disabled},this.label)),e("p",{key:"b94b0c91a37fc218362a25ffe46d77929a6752f5",class:"file-upload__hint"},"Max size: ",this.formatFileSize(this.maxSize),this.accepts!=="/"&&` • Accepts: ${this.accepts}`))),this.error&&e("div",{key:"46a708db58e94110d41a8b86571dd29e58e76ae2",class:"file-upload__error",role:"alert"},this.error),this.files.length>0&&e("div",{key:"95d2aadf7587f759ecd3b55a84b7d6a7ec8c61ac",class:"file-upload__files"},this.files.map((n=>e("div",{key:n.id,class:"file-upload__file"},n.dataUrl&&e("img",{src:n.dataUrl,alt:n.name,class:"file-upload__preview"}),e("div",{class:"file-upload__file-info"},e("span",{class:"file-upload__file-name",title:n.name},n.name),e("span",{class:"file-upload__file-size"},this.formatFileSize(n.size))),e("button",{type:"button",class:"file-upload__remove",onClick:()=>this.handleRemoveFile(n),"aria-label":`Remove ${n.name}`},"×")))))))}};En.style=$n;const Hn="@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 Nn=class{constructor(e){n(this,e);this.xplorChange=r(this,"xplorChange");this.checked=false;this.color="#008480";this.disabled=false;this.indeterminate=false;this.label="";this.handleChange=n=>{const r=n.target;this.checked=r.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 e(t,{key:"e8d3c2bfb8824944eb230ab67dd282da16eac103"},e("label",{key:"ecbecd91460e78f0e1fa50013b36d8ff37fbaa65",class:n},e("input",{key:"6e5ad3043737fc8fcd46c477cd11279a18df6646",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&&e("span",{key:"9ae4683f392b63af41286676b0bd6c648fc9571a",class:"xplor-inline-checkbox__label"},this.label),e("slot",{key:"d6d6642934b65aacf4d5ed899b925b7445414ae0"})))}};Nn.style=Hn;const qn='@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 Vn=class{constructor(t){n(this,t);this.dateSelected=r(this,"dateSelected");this.monthChanged=r(this,"monthChanged");this.selectedDate="";this.min="";this.max="";this.readonly=false;this.color="#008480";this.startWeekOnSunday=true;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 r=new Date(this.currentYear,this.currentMonth,n);const e=this.formatDate(r);if(this.isDateDisabled(r))return;this.selectedDate=e;this.dateSelected.emit(e)};this.formatDate=n=>{const r=n.getFullYear();const e=String(n.getMonth()+1).padStart(2,"0");const t=String(n.getDate()).padStart(2,"0");return`${r}-${e}-${t}`};this.isDateDisabled=n=>{if(this.min){const r=new Date(this.min);if(n<r)return true}if(this.max){const r=new Date(this.max);if(n>r)return true}return false};this.isToday=n=>{const r=new Date;return n===r.getDate()&&this.currentMonth===r.getMonth()&&this.currentYear===r.getFullYear()};this.isSelected=n=>{if(!this.selectedDate)return false;const r=new Date(this.selectedDate);return n===r.getDate()&&this.currentMonth===r.getMonth()&&this.currentYear===r.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 r=this.getFirstDayOfMonth();const t=[];for(let n=0;n<r;n++){t.push(e("div",{class:"xplor-inline-date-picker__day xplor-inline-date-picker__day--empty"}))}for(let r=1;r<=n;r++){const n=new Date(this.currentYear,this.currentMonth,r);const o=this.isDateDisabled(n);const i=this.isToday(r);const a=this.isSelected(r);t.push(e("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(r)},r))}return t};this.getSidebarDate=()=>{const n=this.selectedDate?new Date(this.selectedDate):new Date;const r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return{year:n.getFullYear(),day:r[n.getDay()],date:`${e[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)}render(){const n=this.getSidebarDate();const r=this.startWeekOnSunday?this.dayNames:this.dayNamesStartMonday;return e(t,{key:"ee263c09219ac46da344c5ded89d43ccead118c5"},e("div",{key:"b8ad22f96552be1dc7aee70031f710eaea50f48a",class:"xplor-inline-date-picker",style:{"--picker-color":this.color}},e("div",{key:"7a4e2dbe6bb6200ba8a9e09294a28ca5884c1bcc",class:"xplor-inline-date-picker__sidebar"},e("div",{key:"3772f7bf9333f0c1378933b8219ad89a31c48f02",class:"xplor-inline-date-picker__sidebar-year"},n.year),e("div",{key:"5e6030ad1997e6d9788de0b06a28250abceddca3",class:"xplor-inline-date-picker__sidebar-day"},n.day,","),e("div",{key:"338021ddedaa98c48bb3a3fe9d66e9ebcc2844ea",class:"xplor-inline-date-picker__sidebar-date"},n.date)),e("div",{key:"cae9df55ce178a5565cab9464c54acb3d920f0f2",class:"xplor-inline-date-picker__calendar"},e("div",{key:"251870432d80a336351a22f2c27230fe69563908",class:"xplor-inline-date-picker__header"},e("button",{key:"8e31cdb4556c2db31c702177559a9083aa86ece7",type:"button",class:"xplor-inline-date-picker__arrow",onClick:this.previousMonth,"aria-label":"Previous month"},"‹"),e("div",{key:"5e6fdb54a49a6e029cc162025af534bc692bd1f6",class:"xplor-inline-date-picker__title"},this.monthNames[this.currentMonth]," ",this.currentYear),e("button",{key:"548e7e277c53245a1f33f96fb77cc784917c84ff",type:"button",class:"xplor-inline-date-picker__arrow",onClick:this.nextMonth,"aria-label":"Next month"},"›")),e("div",{key:"9a21fe00132c860916720d827a1e867feb7db8c9",class:"xplor-inline-date-picker__weekdays"},r.map((n=>e("div",{class:"xplor-inline-date-picker__weekday"},n)))),e("div",{key:"85c840414639b471ba0b1cfb8f80fe7a61c25246",class:"xplor-inline-date-picker__days"},this.renderCalendarDays()))))}};Vn.style=qn;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-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 Wn=class{constructor(e){n(this,e);this.xplorChange=r(this,"xplorChange");this.checked=false;this.color="#008480";this.disabled=false;this.label="";this.handleChange=n=>{const r=n.target;this.checked=r.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 e(t,{key:"02ad648d6ff7606f9801fd7900afd96725bd127f"},e("label",{key:"7b981a71ec242a3ced40544f84b10975bed2a9ba",class:n,style:{"--switch-color":this.color}},e("input",{key:"79e95af6e8d77c24471441542638bd2b8eb1781a",type:"checkbox",class:"xplor-inline-switch__input",checked:this.checked,value:this.value,disabled:this.disabled,onChange:this.handleChange}),e("span",{key:"a44af41de8093b31f20bcee05aa755775cc2d399",class:"xplor-inline-switch__track"},e("span",{key:"42b43f6ce8672a04efd673822558fe083223ecc0",class:"xplor-inline-switch__thumb"})),this.label&&e("span",{key:"c0393b42d7f2974f3f545e18d4a202d55c7eb98f",class:"xplor-inline-switch__label"},this.label),e("slot",{key:"467c6d0a8f46a8fe5720071d6eedd99f2872835e"})))}};Wn.style=Rn;const Un="@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}";const Zn=class{constructor(e){n(this,e);this.attach=r(this,"attach");this.xplorClear=r(this,"xplorClear");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 r=n.target;if(r.files){this.selectedFiles=Array.from(r.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 r=1024;const e=["Bytes","KB","MB","GB"];const t=Math.floor(Math.log(n)/Math.log(r));return Math.round(n/Math.pow(r,t)100)/100+" "+e[t]}}render(){const n={"xplor-input-file":true,"xplor-input-file--disabled":this.disabled};const r=this.selectedFiles.slice(0,this.maxChips);const o=this.selectedFiles.length-this.maxChips;return e(t,{key:"40fb5f31ec8451dc63096f535164de6f6eb11014"},e("div",{key:"b52686901e2d3bbd56cfb0ee3088bfbf5f8ec365",class:n},this.label&&e("label",{key:"f73832f4c1a8f41690db70e301474d56c6c969b7",class:"xplor-input-file__label"},this.label),e("div",{key:"46512b939981a4b4f07ad87f5f9c82c9acb0e7a2",class:"xplor-input-file__field"},e("span",{key:"d30c938dff0d36ab2973ce69c29388ed6391317d",class:"xplor-input-file__icon"},this.prependInnerIcon),e("div",{key:"9d6bb0b0e5ec09e81f9ee57360d84f2239bf5270",class:"xplor-input-file__content"},this.selectedFiles.length===0?e("span",{class:"xplor-input-file__placeholder"},this.placeholder):e("div",{class:"xplor-input-file__chips"},r.map((n=>e("div",{class:"xplor-input-file__chip",key:n.name},e("span",{class:"xplor-input-file__chip-text"},n.name),this.showSize&&n.size&&e("span",{class:"xplor-input-file__chip-size"},"(",this.formatFileSize(n.size),")")))),o>0&&e("span",{class:"xplor-input-file__additional"},"+",o," additional file",o>1?"s":""))),this.selectedFiles.length>0&&!this.disabled&&e("button",{key:"a1300d4dce7eed67552774efeb8edc8ce1a41dd7",type:"button",class:"xplor-input-file__clear",onClick:this.handleClear,"aria-label":"Clear"},"✕"),e("input",{key:"41285fdb00cc6e52466b665d5c1fd5bbb4fc54e1",ref:n=>this.fileInputRef=n,type:"file",class:"xplor-input-file__input",multiple:this.multiple,accept:this.accept,disabled:this.disabled,onChange:this.handleFileChange})),this.counter&&this.selectedFiles.length>0&&e("div",{key:"e11fcc8dab8fb8d73fda9f6b82f2187e65ba61c2",class:"xplor-input-file__counter"},this.selectedFiles.length," file",this.selectedFiles.length>1?"s":""," selected")))}};Zn.style=Un;const Jn="@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}";const Yn=class{constructor(e){n(this,e);this.search=r(this,"search");this.value="";this.placeholder="Search...";this.bgColor="white";this.color="#008480";this.disabled=false;this.density="default";this.isFocused=false;this.handleInput=n=>{const r=n.target;this.value=r.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 e(t,{key:"c608c1ad9c73dc708aaf5d985b0e376ad7923b59"},e("div",{key:"8efabc2eea7bf741658a8d01f4b6ed14b259de82",class:n},e("div",{key:"82384b7cf2967ca26e8d3b1358a5c9266fa09f20",class:"xplor-input-search__field"},e("input",{key:"57a6c1dc9fff69f25bd75ad78e9c092e593cbee1",type:"text",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}}),e("slot",{key:"8656098e81af32b857589443a89f009791429d2d",name:"append-inner"},e("button",{key:"ca36754aec41e189e4b870103fe82efb8667d895",type:"button",class:"xplor-input-search__button",onClick:this.handleSearch,disabled:this.disabled,"data-testid":"input-search-button"},e("svg",{key:"3e5f9f080c757f46e17641c549bfda7eeb0d9b30",viewBox:"0 0 24 24",class:"xplor-input-search__icon"},e("path",{key:"c5814684ea375fe19074f47234cc11f919a4db5c",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"})))))))}};Yn.style=Jn;const Kn="@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 position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n margin-top: 0.25rem;\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: 1000;\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 Xn=class{constructor(e){n(this,e);this.xplorChange=r(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.handleOutsideClick=n=>{if(this.selectRef&&!this.selectRef.contains(n.target)){this.isOpen=false}};this.toggleDropdown=()=>{if(!this.disabled&&!this.readonly){this.isOpen=!this.isOpen}};this.handleOptionClick=n=>{if(this.multiple){const r=Array.isArray(this.value)?this.value:[];const e=r.findIndex((r=>r===n.value));if(e>-1){this.value=r.filter(((n,r)=>r!==e))}else{this.value=[...r,n.value]}}else{this.value=n.value;this.isOpen=false}this.xplorChange.emit(this.value)};this.isSelected=n=>{if(this.multiple){const r=Array.isArray(this.value)?this.value:[];return r.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 r=this.options.filter((r=>n.includes(r.value)));return`${r.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)}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 r=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return e(t,{key:"186b55603079f4fec337dc824c2e3a4776472ae6"},e("div",{key:"07d765115aa286e8da1f13fc76f55c6c6e9008c1",class:n,ref:n=>this.selectRef=n},this.label&&e("label",{key:"6e1116ba611eee1673ffdb71c5bb15455afd5921",class:"xplor-input-select__label"},this.label,this.required&&e("span",{key:"77cefc98c67261ebcddac9c179f01cd6615306e8",class:"xplor-input-select__required"},"")),e("div",{key:"b65e671edced0c0f1780ecdd74cc23197310a550",class:"xplor-input-select__field",onClick:this.toggleDropdown},e("div",{key:"52e7b58288c7d4c7ad4d505ae03f75204d461f15",class:"xplor-input-select__value"},this.getDisplayValue()),e("span",{key:"7c780d75bc62648aed641e0d4be4e4d55065099b",class:"xplor-input-select__arrow"},this.isOpen?"▲":"▼")),this.isOpen&&e("div",{key:"809f4c0254c09d61cdf597e467daf8d1f5f7667c",class:"xplor-input-select__menu"},this.options.length===0?e("div",{class:"xplor-input-select__empty"},"No options available"):this.options.map((n=>e("div",{key:n.value,class:{"xplor-input-select__option":true,"xplor-input-select__option--selected":this.isSelected(n)},onClick:()=>this.handleOptionClick(n)},this.multiple&&e("input",{type:"checkbox",class:"xplor-input-select__checkbox",checked:this.isSelected(n),readOnly:true}),e("div",{class:"xplor-input-select__option-content"},e("div",{class:"xplor-input-select__option-title"},n.title),n.subtitle&&e("div",{class:"xplor-input-select__option-subtitle"},n.subtitle)))))),r&&e("div",{key:"73f7808a7261cce5b3dc6e28e9771d9d669835d7",class:"xplor-input-select__details"},this.error&&e("div",{key:"9e934df8f33b080fd528fa99d0c5a4cb78c8f03a",class:"xplor-input-select__error-message"},this.error),!this.error&&this.helperText&&e("div",{key:"8c0bdbc7304c433cca0d85d09c213f6ccf5f3b29",class:"xplor-input-select__helper-text"},this.helperText))))}};Xn.style=Kn;const Gn="@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 Qn=class{constructor(e){n(this,e);this.xplorSend=r(this,"xplorSend");this.xplorValueChange=r(this,"xplorValueChange");this.placeholder="Type a message...";this.disabled=false;this.value="";this.buttonText="Send";this.buttonType="primary";this.internalValue="";this.handleInput=n=>{const r=n.target;this.internalValue=r.value;this.value=r.value;this.xplorValueChange.emit(r.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 e(t,{key:"bbf2f299e9c78afed930b178f67494f3c9171ca0"},e("div",{key:"a9e29fbc660b5fcc9ad5e8c0a543d39b39073cf9",class:{"input-send":true,"input-send--disabled":this.disabled}},e("input",{key:"645f813fd6aad4905635c392afd87ead717bd3d4",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}),e("xplor-button",{key:"0c5ea75208baea586babbd9ecfa8a433da65e2be",class:"input-send__button",text:this.buttonText,type:this.disabled\|\|!this.internalValue.trim()?"disabled":this.buttonType,onClick:this.handleSend})))}};Qn.style=Gn;const nr="@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}";const rr=class{constructor(e){n(this,e);this.xplorInput=r(this,"xplorInput");this.xplorChange=r(this,"xplorChange");this.xplorFocus=r(this,"xplorFocus");this.xplorBlur=r(this,"xplorBlur");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 r=n.target;this.value=r.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const r=n.target;this.value=r.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 r=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return e(t,{key:"63a41a0420e4006ee19740d408c9c6dc1f609a96"},e("div",{key:"2b5c2990098b4fe843e70a52eae25d284abc5dfc",class:n},this.label&&e("label",{key:"9f0184741293bfd453b78e1edc0eb3f3c02bd12e",class:"xplor-input-text__label"},this.label,this.required&&e("span",{key:"3ec943a28889363da1356aa69392f906b0bc6542",class:"xplor-input-text__required"},"")),e("div",{key:"a7f83624fb3564fbeb59d8d984c039980354c6af",class:"xplor-input-text__field"},e("input",{key:"0a886666e4086099333e22ee4aa3406e81a73917",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}}),e("slot",{key:"8d854313cb392c2a3b8ff63b9f193fa38af672ec",name:"append-inner"})),r&&e("div",{key:"0a9b055a64e296ead6b0f20ffc717782f89b6718",class:"xplor-input-text__details"},this.error&&e("div",{key:"2101193d34660879589cb581e2beddba2fd93363",class:"xplor-input-text__error-message"},this.error),!this.error&&this.helperText&&e("div",{key:"648b517eb3b510680036e2514ab23a00d9dc90fc",class:"xplor-input-text__helper-text"},this.helperText)),e("slot",{key:"754393f25fa96e8bf7a91e51f91ae8afe3d03e7b",name:"append"})))}};rr.style=nr;const er="@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}";const tr=class{constructor(e){n(this,e);this.xplorInput=r(this,"xplorInput");this.xplorChange=r(this,"xplorChange");this.xplorClear=r(this,"xplorClear");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 r=n.target;this.value=r.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const r=n.target;this.value=r.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 r=this.clearable&&this.value&&!this.readonly&&!this.disabled;const o=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return e(t,{key:"1acbd7f541a1673ead7718eba34c514ffdc7057c"},e("div",{key:"e7e9c3964c63d585b1837362da89720f353a7b7d",class:n},this.label&&e("label",{key:"4313a150717b50a08d82179292e1b3eb38c53821",class:"xplor-input-text-area__label"},this.label,this.required&&e("span",{key:"96ecf54bf62d2f519c72f48e7698683eb9b2c869",class:"xplor-input-text-area__required"},"")),e("div",{key:"36317993f4045d9dc86cf85e67cf7fd2a0e663c2",class:"xplor-input-text-area__field"},e("textarea",{key:"9c98044198dae93a6a46fcbc26239208203befc1",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}}),r&&e("button",{key:"8495d86ff604f538cb7b2144eea778dafc414a74",type:"button",class:"xplor-input-text-area__clear",onClick:this.handleClear,"aria-label":"Clear"},"✕")),o&&e("div",{key:"d51398eb122563ced96d1e92d381740a6cb484d2",class:"xplor-input-text-area__details"},this.error&&e("div",{key:"83d436bf141d4f4594f5c1dfeae9ab3de7ac4301",class:"xplor-input-text-area__error-message"},this.error),!this.error&&this.helperText&&e("div",{key:"db6c99c12fc9197785b10b8703d81fdb21488934",class:"xplor-input-text-area__helper-text"},this.helperText))))}};tr.style=er;const or="@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}";const ir=class{constructor(e){n(this,e);this.xplorInput=r(this,"xplorInput");this.xplorChange=r(this,"xplorChange");this.xplorFocus=r(this,"xplorFocus");this.xplorBlur=r(this,"xplorBlur");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 r=n.target;this.value=r.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const r=n.target;this.value=r.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 r=this.hideDetails===false\|\|this.hideDetails==="auto"&&(this.error\|\|this.helperText);return e(t,{key:"d7b5a95dba54e640b3bc0fb0e5e5ad07d209f21c"},e("div",{key:"dc0cc65fb5f74f8ed8f173c0736899afb5201ad1",class:n},this.label&&e("label",{key:"328c402c4e0a05252ea0dd965c7b274c06e99864",class:"input-secondary__label"},this.label,this.required&&e("span",{key:"6c4217b11971405df02ee5a7a07ece655860cabf",class:"input-secondary__required"},"")),e("div",{key:"30179854ac1c1eaa8a6c3f39cdf7a0fff4c45103",class:"input-secondary__field"},e("input",{key:"ddb142835cf10d39fea9ff1b2023ed0cad968f9f",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}}),e("slot",{key:"a2a0a03935964ba65591508ec50081323ac2c33a",name:"append-inner"})),r&&e("div",{key:"f3b0025dbaaf4a6bbbef5d1f0edd5866e0e79267",class:"input-secondary__details"},this.error&&e("div",{key:"91835745a04b17003b3c2254c6a5c405d36f3b08",class:"input-secondary__error-message"},this.error),!this.error&&this.helperText&&e("div",{key:"96948fed46bb7765699a57c1017d0dbe3c4e2ec7",class:"input-secondary__helper-text"},this.helperText)),e("slot",{key:"e0ef7c8cea7a11cc05636e3d020737957fc49040",name:"append"})))}};ir.style=or;const ar="@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 lr=class{constructor(e){n(this,e);this.xplorInput=r(this,"xplorInput");this.xplorChange=r(this,"xplorChange");this.value="";this.placeholder="";this.disabled=false;this.readonly=false;this.handleInput=n=>{const r=n.target;this.value=r.value;this.xplorInput.emit(this.value)};this.handleChange=n=>{const r=n.target;this.value=r.value;this.xplorChange.emit(this.value)}}render(){return e(t,{key:"7c7192c83a6642754940924a7e59a41911ac5988"},e("input",{key:"e5ba49fe7a49b22dd740c170652007f7a7d86cad",type:"text",class:"xplor-input-title",value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,onInput:this.handleInput,onChange:this.handleChange}))}};lr.style=ar;const sr=":host{display:block}.x-link{display:block;padding:0.5rem 0;text-decoration:none;color:var(--xplor-link-color)}";const dr=class{constructor(r){n(this,r)}render(){return e(t,{key:"790a4cfec621e97ea4de475fa53e57a77a3cd12f",class:`theme-${this.brand}`},e("a",{key:"13cb8ca17ea4717aed386a4a4e2cb3c4402a94f0",class:"x-link",href:"https://google.com"}," ","googole this is a link"," "),e("div",{key:"69005a5165c15a0fb175b8eea7b4d409edede8f6",class:"bg-black p-2 rounded-md flex justify-center"},e("h1",{key:"7b02c87ac23ea8ab57b4ed50c5196701574c2e61",class:"text-primary font-sans"},"This is a Stencil component using Tailwind")),e("div",{key:"43656b47443543dc22c2155c34d0fa48dc837a63",class:"bg-white py-24 sm:py-32"},e("div",{key:"7d6233d14a660cb47b7e1d819c1cc636219efbf2",class:"mx-auto grid max-w-7xl gap-20 px-6 lg:px-8 xl:grid-cols-3"},e("div",{key:"8b1d3e79dfd215fb70d9a5ffafc337b78bf7f05c",class:"max-w-xl"},e("h2",{key:"a124d7943e4c3143850b5ce7411a0c39d17d4646",class:"text-pretty text-3xl font-semibold tracking-tight text-gray-900 sm:text-4xl"},"Meet our leadership"),e("p",{key:"97687d43671e3fb5138892f16d94a88a53ea2da7",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.")),e("ul",{key:"cbe0df5fe4848e59ab77dcb316283ca072c5601c",role:"list",class:"grid gap-x-8 gap-y-12 sm:grid-cols-2 sm:gap-y-16 xl:col-span-2"},e("li",{key:"c386756c84360e832fe8ad9673f137b2622d52d1"},e("div",{key:"d5f92709313deb415d9868e18f30d33da7f46f9c",class:"flex items-center gap-x-6"},e("img",{key:"786e4a048269b46c0e3969578de897551496c562",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:""}),e("div",{key:"75d001f9e1670f1f9be6eec0177797c8d9957e2f"},e("h3",{key:"9f8bf97a2fe329f6c790f40cd8e3a59251a25cc6",class:"text-base/7 font-semibold tracking-tight text-gray-900"},"Leslie Alexander"),e("p",{key:"f848b02a1fe071682ca36a4900fb9d19938db71e",class:"text-sm/6 font-semibold text-indigo-600"},"Co-Founder / CEO"))))))))}};dr.style=sr;const cr="@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 pr=class{constructor(e){n(this,e);this.xplorClose=r(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.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"}else{document.body.style.overflow=""}}disconnectedCallback(){document.body.style.overflow=""}render(){if(!this.open){return null}const n={"xplor-modal__card":true,"xplor-modal__card--scrollable":this.scrollable};const r={"xplor-modal__body":true,"xplor-modal__body--no-title":!this.showTitle};return e(t,null,e("div",{class:"xplor-modal__backdrop",onClick:this.handleBackdropClick},e("div",{class:n,style:{width:this.width,maxWidth:this.maxWidth,maxHeight:this.maxHeight},onClick:this.handleCardClick},e("button",{type:"button",class:"xplor-modal__close-btn",onClick:this.closeModal,"aria-label":"Close modal","data-testid":"common-modal-close-button"},"✕"),e("div",{class:"xplor-modal__title"},e("slot",{name:"title"})),e("div",{class:"xplor-modal__subtitle"},e("slot",{name:"subtitle"})),e("div",{class:r},this.loading?e("div",{class:"xplor-modal__loading"},e("div",{class:"xplor-modal__spinner"})):e("slot",{name:"body"})),e("div",{class:"xplor-modal__actions"},e("slot",{name:"actions"})))))}static get watchers(){return{open:["handleOpenChange"]}}};pr.style=cr;const gr=class{constructor(e){n(this,e);this.xplorClose=r(this,"xplorClose");this.open=false;this.width="600px";this.maxWidth="90%";this.maxHeight="90%";this.loading=false}render(){return e(t,{key:"607487d12b9744b7915c168a702b9f53c1edd18a"},e("xplor-modal",{key:"72213498ca31332338afda4b1a8520fd34fbec19",open:this.open,width:this.width,maxWidth:this.maxWidth,maxHeight:this.maxHeight,loading:this.loading,persistent:true,onXplorClose:()=>this.xplorClose.emit()},e("slot",{key:"4841432590db3562ca033f57325aca10b947c60f",name:"title",slot:"title"}),e("slot",{key:"78263228bc06c994c6107b0fea103b25a5171f7f",name:"subtitle",slot:"subtitle"}),e("slot",{key:"b51d5bf90aa0b9c3889a897adda36eaaf1a72659",name:"body",slot:"body"}),e("slot",{key:"4c4c403072d0a0f10da0eeeefbe73e05d4a9f33d",name:"actions",slot:"actions"})))}};const xr='@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 br=class{constructor(e){n(this,e);this.xplorChange=r(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)}}render(){return e(t,{key:"30bab02780d071338f386b6a72559bbd65212118"},e("div",{key:"2684dbbd4a812bbb88d55baeb42b281c2f3bf753",class:{"nav-tabs":true,"nav-tabs--grow":this.grow,[`nav-tabs--${this.color}`]:true},role:"tablist"},this.items.map((n=>e("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",type:"button"},n.label))),e("slot",{key:"dae806f8f498015b5837c799cb024fc3d688cc8d"})))}};br.style=xr;const mr="@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 hr=class{constructor(r){n(this,r);this.outlined=true;this.rounded=true;this.padding="1.5rem"}render(){return e(t,{key:"667ddbeb2048497ae0ec2d23876f50058e9b4870"},e("div",{key:"ccbce0700966f088c5a053df2169d466529d4ce3",class:{"section-card":true,"section-card--outlined":this.outlined,"section-card--rounded":this.rounded},style:{padding:this.padding}},e("slot",{key:"edd611a0afe1e5343ddedabf7d1daec8962a037b",name:"title"}),e("slot",{key:"2543fd02c710dd9045a7e5920ddc625712febc71",name:"subtitle"}),e("div",{key:"bdd87422f48d711b43e6a1bf3f27a08d33819d1e",class:"section-card__body"},e("slot",{key:"4989480c1010e3bae58cfeba4e0637e5fc1397da",name:"body"})),e("div",{key:"891bd2f17631f7f2732dbb04caefb26503d30e75",class:"section-card__actions"},e("slot",{key:"8d49640f1c96c75afb915ed4acd1dd574ae4c2b9",name:"actions"}))))}};hr.style=mr;const fr="@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 ur=class{constructor(r){n(this,r);this.size="medium"}render(){return e(t,{key:"4c30a434a144abb7ba1925a4fe98847fb8a0e09c"},e("span",{key:"faa456eebb9ba58d55945f0b5f6db9e02efd9d31",class:{"section-heading":true,"section-heading--small":this.size==="small","section-heading--large":this.size==="large"}},e("slot",{key:"3a164def63f5365f6a76702e7a8462fe0ce4fcc9"},this.text)))}};ur.style=fr;const yr=n=>{switch(n){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}};const vr=class{constructor(e){n(this,e);this.tableSelect=r(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 r=n.target;this.selectedDateRange=r.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:r}=n;if(!(r instanceof HTMLInputElement))return;const{checked:e}=r;this.areAllSelected=e;this.selected=this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child input")).map((n=>e?n===null\|\|n===void 0?void 0:n.value:e)):this.selected.map((()=>e));this.onChange()};this.selectOne=(n,r)=>{const{target:e}=n;if(!(e instanceof HTMLInputElement))return;const{checked:t,value:o}=e;this.areAllSelected=false;this.selected=this.selected.map(((n,e)=>{if(e!==r)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(((r,e)=>{if(e!==n)return null;switch(r){case"asc":return"desc";case"desc":return null;default:return"asc"}}));const r=(r,e)=>{if(r[n].toLocaleLowerCase()<e[n].toLocaleLowerCase()){return-1}if(r[n].toLocaleLowerCase()>e[n].toLocaleLowerCase()){return 1}return 0};if(this.sortTypeArray[n]==="asc"){this.rowData.sort(((n,e)=>r(n,e)))}else if(this.sortTypeArray[n]==="desc"){this.rowData.sort(((n,e)=>r(e,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 r=n+10;return this.rowData.slice(n,r)}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 r=this.getPaginatedData();return e(t,{key:"2d97030af789ed65f7021cb28a7afc2419fbccd5",class:"xplor-table"},e("div",{key:"e790897b07a94c98f28af0c1a8d9acbc0bded6c6",class:"bg-white rounded-lg shadow-sm border border-gray-200 p-6 max-w-6xl mx-auto"},e("div",{key:"a1f167a0de10b05288715269bc9c469a547c6102",class:"xpl-table-container",onScroll:this.onScroll,ref:n=>{this.container=n}},e("div",{key:"84ab92d9467e4ac9d866a3220ccba9d63b8c8cc8",class:"mb-6"},e("h1",{key:"f8746a5162a38476937b83d9549a2fad2a030f8a",class:"text-xl font-semibold text-gray-900 mb-4"},"Head Counts Report"),e("div",{key:"1e7188d1e0a7dd74f466dab3e6ee00189ab88e53",class:"flex flex-wrap items-center gap-4 mb-6"},e("div",{key:"c3f2d92bef894ccc749e1249536154147a324711",class:"flex items-center gap-2"},e("label",{key:"6156ed236c96b1e1f7d480bc97bb0ab8b0b01a87",class:"text-sm text-gray-600 font-medium"},"Date Range"),e("select",{key:"da1caff2afb5a1b4786adec7fd9ca7a9480c0f57",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},e("option",{key:"6c31c50fe2119d1f5086e3f33ddff4903a290a03",value:"All"},"All"),e("option",{key:"17d4c7b7c52763065dab2f5dceb85ddd8d23e892",value:"Today"},"Today"),e("option",{key:"1ec247907dc275825d6a8a105b3c841d2de131f0",value:"This Week"},"This Week"),e("option",{key:"3fa99b268c42232eb3dccf73dd125b27608d2ba8",value:"This Month"},"This Month"),e("option",{key:"bfeea456dde4d67cdc12b00cdba0b694fb5fa3cf",value:"Custom"},"Custom Range")),e("button",{key:"f5d3badb19132f137573b4248f0ce99e95e38daa",class:"p-1.5 border border-gray-300 rounded hover:bg-gray-50"},e("svg",{key:"f32657ec8d66d3e1a10cdb304406999a933ad7ee",class:"w-4 h-4 text-gray-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"4b63cca1e36df1a5cd5b598f558fc5bd88f25f17","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"})))),e("button",{key:"f5133d241b1669c8ae425a76b69a25db91bc9e69",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"),e("button",{key:"4df30f93e7b019be1ad293a7e70fad80df5c42a8",onClick:this.handleDownloadAll,class:"flex items-center gap-2 text-gray-600 hover:text-gray-800 text-sm"},e("svg",{key:"18dc2f9716e0f5bc095d84349f85703f38d23238",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"cbcfc4fd12a099008c3fcbf762cbfccc63b1706c","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"))),e("table",{key:"cf9f942709fcc413f99891d612b1640eed94debf",class:`w-full ${n}`},this.columns&&e("thead",{key:"baeee3644d8fb2fd9e2d038200b24d433bbdf87b"},this.columns.map(((n,r)=>{const t=yr(this.sortTypeArray[r]);const o=!!(this.isSortable&&this.sortableColumns[r]);return e("th",{class:"text-left py-3 px-4 text-sm font-medium text-gray-600"},this.multiselect&&r===0?e("label",{onClick:n=>{n.preventDefault();n.stopPropagation();debugger;if(o){this.sortBy(r)}},class:o?"cursor-pointer":""},e("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}`}),n,o&&!!this.sortTypeArray[r]&&e("xpl-icon",{icon:t,size:16})):e("label",{onClick:()=>o&&this.sortBy(r),class:o?"cursor-pointer":""},n,o&&!!this.sortTypeArray[r]&&e("svg",{width:"11",height:"6",viewBox:"0 0 11 6",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M10.5 5.5L5.5 0.5L0.5 5.5L10.5 5.5Z",fill:"currentColor"}))))}))),e("tbody",{key:"b0715075cfba14dd9ac1e783e0c27a197e41a725"},r.map(((n,r)=>e("tr",{class:`border-b border-gray-100 hover:bg-gray-50`},n.map(((n,t)=>e("td",{class:"py-3 px-4 text-sm text-gray-900"},this.multiselect&&t===0?e("label",{class:"flex items-center gap-2",htmlFor:`__xpl-table-row-${r}`},e("input",{id:`__xpl-table-row-${r}`,checked:!!this.selected[r],type:"checkbox",onChange:n=>this.selectOne(n,r),value:this.selectedValues.length>0?this.selectedValues[r]:`xpl-table-checkbox-${r}`}),e("div",{innerHTML:n})):e("div",{innerHTML:n}))))))))),e("div",{key:"658aec34fd3394c205d12ab67d06c6f1bb385aa6",id:"pagination",class:"w-full flex items-center justify-between mt-6 text-sm"},e("div",{key:"aa7d796792186a3bd76f4201ead86e2055d65cf9",class:"flex items-center gap-2"},e("button",{key:"7517d034c1456224fb24a0d66c3f60a446e96ef0",onClick:()=>this.handlePagination("first"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===1},e("svg",{key:"9af8fe875c042ffdd8fd7015b01703d29789a1af",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"41a1023ce1243190df484411ac9390ccd1496f10","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11 19l-7-7 7-7m8 14l-7-7 7-7"}))),e("button",{key:"ac9f0e09603e4bd45d6aa10dd45303f8bc90f892",onClick:()=>this.handlePagination("prev"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===1},e("svg",{key:"af67ed98c91a36076f1578e5eaa49321aa919984",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"f0e3498f7b8e784e4848c0190eaab285f1c220af","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})))),e("span",{key:"29ae566f6e8f3cbaad39998165529b5022073a56",class:"text-gray-600"},"Page ",this.currentPage," of ",this.totalPages),e("div",{key:"91da8153fd11fac318ef63b768e3ce0fda3e4b63",class:"flex items-center gap-2"},e("button",{key:"f8e399e46605f060d09c0f1fcc5864dae84949fd",onClick:()=>this.handlePagination("next"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===this.totalPages},e("svg",{key:"93a0154407f0034993b31f79f746b905d8c720ba",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"67341c2e70e6e0e51bca7f6c0f8d790577efb80c","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"}))),e("button",{key:"6c4e12bf4877e44ffb5cb6cec4a91dd41c76a95d",onClick:()=>this.handlePagination("last"),class:"p-1.5 text-gray-400 hover:text-gray-600 disabled:opacity-50",disabled:this.currentPage===this.totalPages},e("svg",{key:"b476cb40832e1116db85780080839fe87fc75777",class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},e("path",{key:"da32eb5c65018fe776af2f65ccd433573b21822e","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 kr="@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 wr=class{constructor(r){n(this,r);this.color="orange"}render(){return e(t,{key:"5b22dd9c96119743c998364cdd27667709f4e52f"},e("div",{key:"d42bc901517dce4e629a5d19fe2667925afcdf6e",class:{"text-bubble":true,"text-bubble--green":this.color==="green","text-bubble--orange":this.color==="orange"}},e("slot",{key:"1ee2dc33d86906cdebd22019c3794ad1be606c1a"})))}};wr.style=kr;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-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 zr=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange");this.inputBlur=r(this,"inputBlur");this.inputFocus=r(this,"inputFocus");this.clearClick=r(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 r=n.target;this.value=r.value;this.valueChange.emit(r.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 e(t,{key:"e5addac91e0cd95aae82078fca048c9cf3d63899"},e("div",{key:"5af015996b692ba7a9da193d85aa982a3c314e5f",class:this.computedClasses},e("div",{key:"ce8f119584d984368ed267c6343d36d5023a7cc4",class:"xplor-text-field__wrapper",style:{backgroundColor:this.bgColor}},e("div",{key:"65da1d866155e01344fafb88deb23b7c3e781e47",class:"xplor-text-field__input-wrapper"},this.label&&e("label",{key:"2b21d90a9e9621262e87669ac64b588d712015de",class:{"xplor-text-field__label":true,"xplor-text-field__label--floating":n}},e("slot",{key:"eca54b3a90bce7b2437bb8f6034a72d38e95145a",name:"label"},this.label),this.required&&e("span",{key:"dc29dc197c8ec0613602b199ddacb2901301b496",class:"xplor-text-field__required"},"")),e("input",{key:"ff58f03b2fd6ccd30e901e70116ddf13e392ec6c",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}),e("div",{key:"01c6224679cf4709b51015943bb163d5e6cc929a",class:"xplor-text-field__append-inner"},this.clearable&&this.hasValue&&!this.disabled&&!this.readonly&&e("button",{key:"e212288acbed1693c8a31c9fb01de80ed5d7509c",type:"button",class:"xplor-text-field__clear-btn",onClick:this.handleClear,"aria-label":"Clear"},e("svg",{key:"8c457ed9da2b09b0457c12db18e7a4924251dfca",width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor"},e("path",{key:"947f8e2599d17fb4fc763b864b1ab2fec0ca2ab2",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"}))),e("slot",{key:"53062cd78fbbbadf85aa722e23c78f477145a34e",name:"append-inner"})),e("fieldset",{key:"accd6fc547d7112f5806a82dc6826bbd386d9596",class:"xplor-text-field__outline"},e("legend",{key:"ef077a25a838e77901a747c65296529b694f6559",class:{"xplor-text-field__outline-legend":true,"xplor-text-field__outline-legend--floating":n}},n&&this.label?e("span",null,this.label,this.required&&""):e("span",null,"")))),e("div",{key:"7374765a73e8e4cc21ad265290a35ed07a1fc2de",class:"xplor-text-field__append"},e("slot",{key:"3cfeb58881b2103a516cfe38f6bedd0583c18aed",name:"append"}))),this.showDetails&&e("div",{key:"81677f56be4a7e77a415b5b21ea67448bed1c9ee",class:"xplor-text-field__details"},this.hasError&&e("div",{key:"20539967a3acbc1f2165df9cbe85f9bad7fd577c",id:"error-messages",class:"xplor-text-field__error-messages"},this.errorMessages.map((n=>e("div",{class:"xplor-text-field__error"},n)))))))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"]}}};zr.style=_r;const Cr="@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 Ir=class{constructor(e){n(this,e);this.timeChange=r(this,"timeChange");this.xplorFocus=r(this,"xplorFocus");this.xplorBlur=r(this,"xplorBlur");this.xplorClear=r(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 r=this.parseInputText(this.inputText);if(r){this.emitChange()}else{this.inputText=this.lastGoodValue}};this.handleInputChange=n=>{const r=n.target;this.inputText=r.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 r=n.target;if(!this.el.contains(r)){this.isOpen=false}}parseValueToState(n){if(!n)return;const r=n.split(":");let e=parseInt(r[0],10)\|\|0;const t=parseInt(r[1],10)\|\|0;const o=parseInt(r[2],10)\|\|0;this.period=e>=12?"PM":"AM";if(e===0){e=12}else if(e>12){e-=12}this.hours=e;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 r=String(n).padStart(2,"0");const e=String(this.minutes).padStart(2,"0");const t=String(this.seconds).padStart(2,"0");return`${r}:${e}:${t}`}formatDisplayTime(){const n=this.hours;const r=String(this.minutes).padStart(2,"0");if(this.showSeconds){const e=String(this.seconds).padStart(2,"0");return`${n}:${r}:${e} ${this.period}`}return`${n}:${r} ${this.period}`}parseInputText(n){const r=n.trim();if(!r)return false;if(r.toLowerCase()==="am"\|\|r.toLowerCase()==="pm"){this.hours=12;this.minutes=0;this.seconds=0;this.period=r.toLowerCase()==="pm"?"PM":"AM";return true}let e="am";if(r.toLowerCase().indexOf("p")!==-1){e="pm"}const t=r.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){e="pm";if(a>=24){a=a%24;e=a>=12?"pm":"am"}if(a>12){a-=12}}if(a===0){a=12;e="am"}if(s>=60)s=59;this.hours=a;this.minutes=l;this.seconds=s;this.period=e==="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 e("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e("polyline",{points:"18 15 12 9 6 15"}))}renderChevronDown(){return e("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e("polyline",{points:"6 9 12 15 18 9"}))}render(){const n=this.hideDetails===false\|\|this.hideDetails==="auto"&&this.error;const r=e("svg",{key:"ed28bf3f52630c4da2ad6a8e870bb8c3a4f3d190",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"},e("circle",{key:"8bc107ea8c5b9762965b64c12393466f4373fd89",cx:"12",cy:"12",r:"10"}),e("polyline",{key:"ff49c4901b312dc15e6bd09dca83b5413112fb75",points:"12 6 12 12 16 14"}));return e(t,{key:"c096645386cd430139108770b6808647fbaadf70"},e("div",{key:"64c8c4afd184aef1b2e4ca8b8d4f63363470081a",class:{"time-picker":true,"time-picker--disabled":this.disabled,"time-picker--error":!!this.error,"time-picker--open":this.isOpen}},this.label&&e("label",{key:"0e7bcf1942c56009e2396a777288529b6f5f53a1",class:"time-picker__label"},this.label,this.required&&e("span",{key:"034692f862e15e2719759706a2b487d208cf379d",class:"time-picker__required"},"")),e("div",{key:"6cfa2b11f58478a9fc7cdae83408331980a6760d",class:"time-picker__field"},e("input",{key:"4ac1c82ccc1ab5f7dc0441544495ffca40077045",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}}),e("div",{key:"223f64d070ee70d5930bbcf416c5790bb4338adc",class:"time-picker__actions"},this.clearable&&this.value&&!this.disabled&&!this.readonly&&e("button",{key:"41282f7c47134fce27192eb28402a9f2d5cf1c87",type:"button",class:"time-picker__clear",onClick:this.handleClear,"aria-label":"Clear"},"×"),e("button",{key:"d0f1150c1acf001eb6b5861ae4acf2d340f76f95",type:"button",class:"time-picker__icon-btn",onClick:this.toggleDropdown,disabled:this.disabled,"aria-label":"Open time picker"},r))),n&&e("div",{key:"70610a25a848c840e606f6a1b93558e057aede46",class:"time-picker__details"},this.error&&e("div",{key:"c7e4ae629d26c606b2c06a4c8998748ce5942a80",class:"time-picker__error-message"},this.error)),this.isOpen&&e("div",{key:"0a17052ddf4e3af3e1b5f324b817a8db63729484",class:"time-picker__dropdown"},e("div",{key:"6cfba596b82f570ac55c6fcb4e0b3e5eecf2a107",class:"time-picker__columns"},e("div",{key:"61c18caf8b91ecd1f0afd11f26183ba371272065",class:"time-picker__column"},e("button",{key:"96b264a2bd6f40dd39cbca273c7c884b6ec4d6c6",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementHours,"aria-label":"Increase hours"},this.renderChevronUp()),e("div",{key:"89b079611ff601cec4e247be6a86941333c71857",class:"time-picker__value"},String(this.hours).padStart(2,"0")),e("button",{key:"332143c42d2cb34039a4b5efb7dae27c1e7b5d90",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementHours,"aria-label":"Decrease hours"},this.renderChevronDown())),e("div",{key:"852197ee83d55ed901492f9bb124639154f2ae52",class:"time-picker__separator"},":"),e("div",{key:"b5e99a034ccce887449004989d584207bbb3b191",class:"time-picker__column"},e("button",{key:"dc19cd280092e3e8f22e3ef9f4c45eda87a0cdef",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementMinutes,"aria-label":"Increase minutes"},this.renderChevronUp()),e("div",{key:"5f7086f5917eefa76612e0ca083fb62bddf2bb98",class:"time-picker__value"},String(this.minutes).padStart(2,"0")),e("button",{key:"047266d75f4fb274e9046a1524104bda6786fa24",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementMinutes,"aria-label":"Decrease minutes"},this.renderChevronDown())),this.showSeconds&&[e("div",{key:"e4d548f5010bc56ca617be43bcd7e7e098909d5d",class:"time-picker__separator"},":"),e("div",{key:"20ff897d25fa596d82e4a28e0d9784272e0eecfb",class:"time-picker__column"},e("button",{key:"0a0f99b92f2b341233b7c51f0a66c2af96e82756",type:"button",class:"time-picker__spinner-btn",onClick:this.incrementSeconds,"aria-label":"Increase seconds"},this.renderChevronUp()),e("div",{key:"6b8a50efc2fa8417ba5b8b2cdc0463f6fe56a3cb",class:"time-picker__value"},String(this.seconds).padStart(2,"0")),e("button",{key:"10870c306b1a9491aab977290a1f257bbd72aa63",type:"button",class:"time-picker__spinner-btn",onClick:this.decrementSeconds,"aria-label":"Decrease seconds"},this.renderChevronDown()))],e("div",{key:"8c5b9eab81c3710418f051cbde691bed9cfe7f3f",class:"time-picker__column time-picker__column--period"},e("button",{key:"728512b9552f759f48238c33a99e4bff23c821e8",type:"button",class:"time-picker__spinner-btn",onClick:this.togglePeriod,"aria-label":"Toggle AM/PM"},this.renderChevronUp()),e("div",{key:"b7721c167f5bd7c7162eed89ecd47f77979557b6",class:"time-picker__value time-picker__value--period"},this.period),e("button",{key:"aa075ac24108e4f29b34574abb68b9b19a8d5a61",type:"button",class:"time-picker__spinner-btn",onClick:this.togglePeriod,"aria-label":"Toggle AM/PM"},this.renderChevronDown()))))))}get el(){return o(this)}};Ir.style=Cr;const Sr="@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}";const jr=class{constructor(r){n(this,r);this.position="top";this.trigger="hover";this.arrow=true;this.open=false;this.disabled=false;this.tooltipStyle={};this.arrowStyle={};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.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)}}cleanupListeners(){if(this.triggerEl){this.triggerEl.removeEventListener("mouseenter",this.handleMouseEnter);this.triggerEl.removeEventListener("mouseleave",this.handleMouseLeave)}}handleDocumentClick(n){if(this.trigger==="click"&&this.open){const r=n.target;if(!this.el.contains(r)){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 r=this.tooltipEl.getBoundingClientRect();const e=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-r.height-e-t;i=n.left+n.width/2-r.width/2;a="100%";l="50%";s="translateX(-50%) rotate(45deg)";break;case"bottom":o=n.bottom+e+t;i=n.left+n.width/2-r.width/2;a="-6px";l="50%";s="translateX(-50%) rotate(45deg)";break;case"left":o=n.top+n.height/2-r.height/2;i=n.left-r.width-e-t;a="50%";l="100%";s="translateY(-50%) rotate(45deg)";break;case"right":o=n.top+n.height/2-r.height/2;i=n.right+e+t;a="50%";l="-6px";s="translateY(-50%) rotate(45deg)";break}const d=8;if(i<d){i=d}else if(i+r.width>window.innerWidth-d){i=window.innerWidth-r.width-d}if(o<d){o=d}else if(o+r.height>window.innerHeight-d){o=window.innerHeight-r.height-d}this.tooltipStyle={top:`${o}px`,left:`${i}px`};this.arrowStyle={top:a,left:l,transform:s}}render(){return e(t,{key:"472521bc51295f0b7dcc4d17c0aef70df5c7181e"},e("div",{key:"9458cc629deea68c914e7214a762498ff9c3d4c8",class:"tooltip-trigger",ref:n=>this.triggerEl=n,onClick:this.handleClick},e("slot",{key:"f5f6d6c85270fdca9b345dc9fed31b776c5d6358",name:"trigger"})),this.open&&e("div",{key:"d56f6b7f8e2d4c0b6425a85a290e330978645e74",class:{tooltip:true,[`tooltip--${this.position}`]:true},style:this.tooltipStyle,ref:n=>this.tooltipEl=n,role:"tooltip"},e("div",{key:"0b5735ca4b5d591dbec6f6ca6b2e47233b391198",class:"tooltip__content"},e("slot",{key:"c4e8c76025b546b8aa485f3f9d37ee7ecf7fbddd"},this.content)),this.arrow&&e("div",{key:"373c339feda5732f8c5f2307deea89f2d66969ba",class:"tooltip__arrow",style:this.arrowStyle})))}get el(){return o(this)}};jr.style=Sr;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,D as xplor_badge,P as xplor_badge_active,$ as xplor_badge_archived,E as xplor_badge_deleted,N as xplor_badge_expired,V as xplor_badge_inactive,W as xplor_badge_recalled,Z as xplor_badge_session_booking,Y as xplor_badge_upcoming,X as xplor_badge_waitlist,Q as xplor_btn_back,rn 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,vn as xplor_checkbox,wn as xplor_combobox,zn as xplor_datatable,In as xplor_date_picker,Tn as xplor_drag_and_drop_input,Mn as xplor_dropdown,An as xplor_expansion_panel,On as xplor_expansion_panels,En as xplor_file_upload,Nn as xplor_inline_checkbox,Vn as xplor_inline_date_picker,Wn as xplor_inline_switch,Zn as xplor_input_file,Yn as xplor_input_search,Xn as xplor_input_select,Qn as xplor_input_send,rr as xplor_input_text,tr as xplor_input_text_area,ir as xplor_input_text_secondary,lr as xplor_input_title,dr as xplor_links,pr as xplor_modal,gr as xplor_modal_persistent,br as xplor_nav_tabs,hr as xplor_section_card,ur as xplor_section_heading,vr as xplor_table,wr as xplor_text_bubble,zr as xplor_text_field,Ir as xplor_time_picker,jr as xplor_tooltip};
2	+ //# sourceMappingURL=p-25fa8553.entry.js.map