pager-widget 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +4 -4
  3. package/dist/react-parcel.9f367d21.css +2 -18
  4. package/dist/react-parcel.9f367d21.css.map +1 -1
  5. package/dist/react-parcel.js +119 -214
  6. package/dist/react-parcel.js.map +1 -1
  7. package/out/AgentFeedbackButtonWrapper.js +15 -0
  8. package/out/App.js +28 -0
  9. package/out/BotMain.js +91 -0
  10. package/out/ButtonsWrapper.js +29 -0
  11. package/out/ChatPage.js +9 -0
  12. package/out/ChatPageContent.js +131 -0
  13. package/out/ChatPageHeader.js +267 -0
  14. package/out/ChatPageInput.js +29 -0
  15. package/out/ChatWidget.js +17 -0
  16. package/out/Consent.js +66 -0
  17. package/out/CountryDropdown.js +31 -0
  18. package/out/Form.js +238 -0
  19. package/out/HomePage.js +11 -0
  20. package/out/HomePageContent.js +32 -0
  21. package/out/HomePageFooter.js +87 -0
  22. package/out/HomePageHeader.js +66 -0
  23. package/out/InputField.js +80 -0
  24. package/out/Markdown.js +126 -0
  25. package/out/Message.js +197 -0
  26. package/out/MessagesT.js +2 -0
  27. package/out/NewRecentMessagePage.js +525 -0
  28. package/out/NewRecentMessageTab.js +23 -0
  29. package/out/ReceivedMessage.js +211 -0
  30. package/out/RecentMessageDetail.js +178 -0
  31. package/out/RecentMessageList.js +112 -0
  32. package/out/RecentMessageListCard.js +20 -0
  33. package/out/RecentMessageListHeader.js +156 -0
  34. package/out/RecentMessagePage.js +183 -0
  35. package/out/RecentMessageTab.js +35 -0
  36. package/out/WidgetMessage.js +14 -0
  37. package/out/WidgetToggleButton.js +191 -0
  38. package/out/WidgetType.js +2 -0
  39. package/out/assets/icons/pikaicons-react.js +17475 -0
  40. package/out/components/ConsentForm.js +7 -0
  41. package/out/components/CustomTooltip.js +34 -0
  42. package/out/hooks/useChatHistoryExists.js +32 -0
  43. package/out/hooks/useChatHistoryListExist.js +81 -0
  44. package/out/hooks/useChatScroll.js +14 -0
  45. package/out/hooks/useCurrentConversationExists.js +88 -0
  46. package/out/hooks/useInitialMessage.js +33 -0
  47. package/out/hooks/useMessage.js +230 -0
  48. package/out/hooks/useMessageReceiver.js +183 -0
  49. package/out/hooks/usePopupAnimation.js +20 -0
  50. package/out/hooks/useSocket.js +19 -0
  51. package/out/hooks/useSocketContext.js +81 -0
  52. package/out/hooks/useWidgetDimension.js +41 -0
  53. package/out/hooks/useWidgetToggle.js +22 -0
  54. package/out/index.js +31 -0
  55. package/out/markdown/CodeCopy.js +22 -0
  56. package/out/markdown/CodeHighlight.js +58 -0
  57. package/out/markdown/PagerMarkdown.js +36 -0
  58. package/out/markdown/pager_md.js +152 -0
  59. package/out/onscreenNotificationPopup.js +23 -0
  60. package/out/socket.js +11 -0
  61. package/out/utils/checkConversationExit.js +24 -0
  62. package/out/utils/convertTime.js +43 -0
  63. package/out/utils/sendInitialMessage.js +82 -0
  64. package/out/widget.js +21 -0
  65. package/out/widgetConfigStore.js +205 -0
  66. package/out/widgetConfigStore2.js +569 -0
  67. package/out/widgetControlstore.js +23 -0
  68. package/out/widgetStateHandler.js +106 -0
  69. package/out/widgetStore.js +171 -0
  70. package/out/widgetUserStore.js +47 -0
  71. package/package.json +1 -1
package/dist/react-parcel.js CHANGED
@@ -1876,7 +1876,7 @@ exports.default = {
1876
1876
  };
1877
1877
 
1878
1878
  },{"preact/compat":"cjkvk","@parcel/transformer-js/src/esmodule-helpers.js":"jnFvT"}],"2TY6h":[function() {},{}],"f0y0Z":[function(require,module,exports,__globalThis) {
1879
- module.exports = "/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n .pager-widget *, .pager-widget ::backdrop, .pager-widget :after, .pager-widget :before {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n\n@layer theme {\n .pager-widget :host, .pager-widget :root {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --spacing: .25rem;\n --container-md: 28rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n }\n}\n\n@layer base {\n .pager-widget *, .pager-widget ::backdrop, .pager-widget ::file-selector-button, .pager-widget :after, .pager-widget :before {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n .pager-widget :host, html {\n -webkit-text-size-adjust: 100%;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n -webkit-tap-highlight-color: transparent;\n font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n line-height: 1.5;\n }\n\n .pager-widget hr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n }\n\n .pager-widget abbr:where([title]) {\n text-decoration: underline dotted;\n }\n\n .pager-widget h1, .pager-widget h2, .pager-widget h3, .pager-widget h4, .pager-widget h5, .pager-widget h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n .pager-widget a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n .pager-widget b, .pager-widget strong {\n font-weight: bolder;\n }\n\n .pager-widget code, .pager-widget kbd, .pager-widget pre, .pager-widget samp {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n }\n\n .pager-widget small {\n font-size: 80%;\n }\n\n .pager-widget sub, .pager-widget sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n .pager-widget sub {\n bottom: -.25em;\n }\n\n .pager-widget sup {\n top: -.5em;\n }\n\n .pager-widget table {\n border-collapse: collapse;\n border-color: inherit;\n text-indent: 0;\n }\n\n .pager-widget :-moz-focusring {\n outline: auto;\n }\n\n .pager-widget progress {\n vertical-align: baseline;\n }\n\n .pager-widget summary {\n display: list-item;\n }\n\n .pager-widget menu, .pager-widget ol, .pager-widget ul {\n list-style: none;\n }\n\n .pager-widget audio, .pager-widget canvas, .pager-widget embed, .pager-widget iframe, .pager-widget img, .pager-widget object, .pager-widget svg, .pager-widget video {\n vertical-align: middle;\n display: block;\n }\n\n .pager-widget img, .pager-widget video {\n max-width: 100%;\n height: auto;\n }\n\n .pager-widget ::file-selector-button, .pager-widget button, .pager-widget input, .pager-widget optgroup, .pager-widget select, .pager-widget textarea {\n color: inherit;\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n .pager-widget :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n .pager-widget :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n .pager-widget ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n .pager-widget ::-moz-placeholder {\n opacity: 1;\n }\n\n .pager-widget ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n .pager-widget ::-moz-placeholder {\n color: currentColor;\n\n @supports (color: color-mix(in lab,red,red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n\n .pager-widget ::placeholder {\n color: currentColor;\n\n @supports (color: color-mix(in lab,red,red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n .pager-widget textarea {\n resize: vertical;\n }\n\n .pager-widget ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n .pager-widget ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n .pager-widget ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n .pager-widget ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n .pager-widget ::-webkit-datetime-edit, .pager-widget ::-webkit-datetime-edit-day-field, .pager-widget ::-webkit-datetime-edit-hour-field, .pager-widget ::-webkit-datetime-edit-meridiem-field, .pager-widget ::-webkit-datetime-edit-millisecond-field, .pager-widget ::-webkit-datetime-edit-minute-field, .pager-widget ::-webkit-datetime-edit-month-field, .pager-widget ::-webkit-datetime-edit-second-field, .pager-widget ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n .pager-widget :-moz-ui-invalid {\n box-shadow: none;\n }\n\n .pager-widget ::file-selector-button, .pager-widget button, .pager-widget input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n\n .pager-widget ::-webkit-inner-spin-button, .pager-widget ::-webkit-outer-spin-button {\n height: auto;\n }\n\n .pager-widget [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n\n @font-face {\n font-display: swap;\n font-family: Inter;\n font-style: normal;\n font-weight: 400;\n src: url(\"fonts/Inter-Regular.woff2\") format(\"woff2\");\n }\n\n @font-face {\n font-family: inter-font;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Light;\n font-weight: 300;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Regular;\n font-weight: 400;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Medium;\n font-weight: 500;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: SemiBold;\n font-weight: 600;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Bold;\n font-weight: 700;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n .pager-widget *, .pager-widget ::backdrop, .pager-widget ::file-selector-button, .pager-widget :after, .pager-widget :before {\n border-color: currentColor;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pager-widget .pointer-events-none {\n pointer-events: none !important;\n }\n\n .pager-widget .visible {\n visibility: visible !important;\n }\n\n .pager-widget .absolute {\n position: absolute !important;\n }\n\n .pager-widget .fixed {\n position: fixed !important;\n }\n\n .pager-widget .relative {\n position: relative !important;\n }\n\n .pager-widget .static {\n position: static !important;\n }\n\n .pager-widget .sticky {\n position: sticky !important;\n }\n\n .pager-widget .inset-0 {\n inset: 0 !important;\n }\n\n .pager-widget .-top-1 {\n top: -.25rem !important;\n }\n\n .pager-widget .-top-3 {\n top: -.75rem !important;\n }\n\n .pager-widget .top-0 {\n top: 0 !important;\n }\n\n .pager-widget .top-0\\.5 {\n top: .125rem !important;\n }\n\n .pager-widget .top-1\\/2 {\n top: 50% !important;\n }\n\n .pager-widget .top-2\\.5 {\n top: .625rem !important;\n }\n\n .pager-widget .top-6 {\n top: 1.5rem !important;\n }\n\n .pager-widget .top-full {\n top: 100% !important;\n }\n\n .pager-widget .-right-1 {\n right: -.25rem !important;\n }\n\n .pager-widget .-right-3 {\n right: -.75rem !important;\n }\n\n .pager-widget .right-0 {\n right: 0 !important;\n }\n\n .pager-widget .right-1 {\n right: .25rem !important;\n }\n\n .pager-widget .right-3 {\n right: .75rem !important;\n }\n\n .pager-widget .right-4 {\n right: 1rem !important;\n }\n\n .pager-widget .right-5 {\n right: 1.25rem !important;\n }\n\n .pager-widget .right-6 {\n right: 1.5rem !important;\n }\n\n .pager-widget .right-\\[-8px\\] {\n right: -8px !important;\n }\n\n .pager-widget .right-full {\n right: 100% !important;\n }\n\n .pager-widget .-bottom-1 {\n bottom: -.25rem !important;\n }\n\n .pager-widget .bottom-0 {\n bottom: 0 !important;\n }\n\n .pager-widget .bottom-20 {\n bottom: 5rem !important;\n }\n\n .pager-widget .bottom-\\[1\\.2rem\\] {\n bottom: 1.2rem !important;\n }\n\n .pager-widget .bottom-full {\n bottom: 100% !important;\n }\n\n .pager-widget .-left-1 {\n left: -.25rem !important;\n }\n\n .pager-widget .left-0 {\n left: 0 !important;\n }\n\n .pager-widget .left-1\\/2 {\n left: 50% !important;\n }\n\n .pager-widget .left-3 {\n left: .75rem !important;\n }\n\n .pager-widget .left-\\[1\\.5rem\\] {\n left: 1.5rem !important;\n }\n\n .pager-widget .left-full {\n left: 100% !important;\n }\n\n .pager-widget .z-10 {\n z-index: 10 !important;\n }\n\n .pager-widget .z-50 {\n z-index: 50 !important;\n }\n\n .pager-widget .z-\\[0\\] {\n z-index: 0 !important;\n }\n\n .pager-widget .z-\\[99999999999999\\] {\n z-index: 2147483647 !important;\n }\n\n .pager-widget .container {\n width: 100% !important;\n\n @media (width >= 500px) {\n max-width: 500px !important;\n }\n\n @media (width >= 640px) {\n max-width: 640px !important;\n }\n\n @media (width >= 768px) {\n max-width: 768px !important;\n }\n\n @media (width >= 1024px) {\n max-width: 1024px !important;\n }\n\n @media (width >= 1050px) {\n max-width: 1050px !important;\n }\n\n @media (width >= 1300px) {\n max-width: 1300px !important;\n }\n\n @media (width >= 1500px) {\n max-width: 1500px !important;\n }\n\n @media (width >= 1536px) {\n max-width: 1536px !important;\n }\n\n @media (width >= 1700px) {\n max-width: 1700px !important;\n }\n\n @media (width >= 1920px) {\n max-width: 1920px !important;\n }\n\n @media (width >= 2160px) {\n max-width: 2160px !important;\n }\n\n @media (width >= 2560px) {\n max-width: 2560px !important;\n }\n\n @media (width >= 3840px) {\n max-width: 3840px !important;\n }\n }\n\n .pager-widget .container {\n margin-inline: auto !important;\n padding-inline: 2rem !important;\n\n @media (width >= 500px) {\n max-width: none !important;\n }\n\n @media (width >= 1400px) {\n max-width: 1400px !important;\n }\n }\n\n .pager-widget .mx-1 {\n margin-inline: .25rem !important;\n }\n\n .pager-widget .mx-auto {\n margin-inline: auto !important;\n }\n\n .pager-widget .-mt-\\[1px\\] {\n margin-top: -1px !important;\n }\n\n .pager-widget .-mt-\\[12px\\] {\n margin-top: -12px !important;\n }\n\n .pager-widget .mt-1 {\n margin-top: .25rem !important;\n }\n\n .pager-widget .mt-2 {\n margin-top: .5rem !important;\n }\n\n .pager-widget .mt-10 {\n margin-top: 2.5rem !important;\n }\n\n .pager-widget .mt-\\[-1\\.00px\\], .pager-widget .mt-\\[-1px\\] {\n margin-top: -1px !important;\n }\n\n .pager-widget .mr-2 {\n margin-right: .5rem !important;\n }\n\n .pager-widget .mr-4 {\n margin-right: 1rem !important;\n }\n\n .pager-widget .mb-1 {\n margin-bottom: .25rem !important;\n }\n\n .pager-widget .mb-2 {\n margin-bottom: .5rem !important;\n }\n\n .pager-widget .mb-4 {\n margin-bottom: 1rem !important;\n }\n\n .pager-widget .mb-\\[6px\\] {\n margin-bottom: 6px !important;\n }\n\n .pager-widget .ml-0\\.5 {\n margin-left: .125rem !important;\n }\n\n .pager-widget .ml-2 {\n margin-left: .5rem !important;\n }\n\n .pager-widget .block {\n display: block !important;\n }\n\n .pager-widget .flex {\n display: flex !important;\n }\n\n .pager-widget .inline {\n display: inline !important;\n }\n\n .pager-widget .inline-block {\n display: inline-block !important;\n }\n\n .pager-widget .inline-flex {\n display: inline-flex !important;\n }\n\n .pager-widget .table {\n display: table !important;\n }\n\n .pager-widget .\\!h-6 {\n height: 1.5rem !important;\n }\n\n .pager-widget .\\!h-7 {\n height: 1.75rem !important;\n }\n\n .pager-widget .h-0 {\n height: 0 !important;\n }\n\n .pager-widget .h-1 {\n height: .25rem !important;\n }\n\n .pager-widget .h-2 {\n height: .5rem !important;\n }\n\n .pager-widget .h-2\\.5 {\n height: .625rem !important;\n }\n\n .pager-widget .h-3 {\n height: .75rem !important;\n }\n\n .pager-widget .h-3\\.5 {\n height: .875rem !important;\n }\n\n .pager-widget .h-4 {\n height: 1rem !important;\n }\n\n .pager-widget .h-5 {\n height: 1.25rem !important;\n }\n\n .pager-widget .h-6 {\n height: 1.5rem !important;\n }\n\n .pager-widget .h-7 {\n height: 1.75rem !important;\n }\n\n .pager-widget .h-8 {\n height: 2rem !important;\n }\n\n .pager-widget .h-9 {\n height: 2.25rem !important;\n }\n\n .pager-widget .h-12 {\n height: 3rem !important;\n }\n\n .pager-widget .h-32 {\n height: 8rem !important;\n }\n\n .pager-widget .h-\\[10px\\] {\n height: 10px !important;\n }\n\n .pager-widget .h-\\[14px\\] {\n height: 14px !important;\n }\n\n .pager-widget .h-\\[16px\\] {\n height: 16px !important;\n }\n\n .pager-widget .h-\\[18px\\] {\n height: 18px !important;\n }\n\n .pager-widget .h-\\[22px\\] {\n height: 22px !important;\n }\n\n .pager-widget .h-\\[24px\\] {\n height: 24px !important;\n }\n\n .pager-widget .h-\\[30px\\] {\n height: 30px !important;\n }\n\n .pager-widget .h-\\[32\\] {\n height: 32px !important;\n }\n\n .pager-widget .h-\\[40\\%\\] {\n height: 40% !important;\n }\n\n .pager-widget .h-\\[40px\\] {\n height: 40px !important;\n }\n\n .pager-widget .h-\\[50px\\] {\n height: 50px !important;\n }\n\n .pager-widget .h-\\[58px\\] {\n height: 58px !important;\n }\n\n .pager-widget .h-\\[58vh\\] {\n height: 58vh !important;\n }\n\n .pager-widget .h-\\[60px\\] {\n height: 60px !important;\n }\n\n .pager-widget .h-\\[64vh\\] {\n height: 64vh !important;\n }\n\n .pager-widget .h-\\[70vh\\] {\n height: 70vh !important;\n }\n\n .pager-widget .h-\\[80px\\] {\n height: 80px !important;\n }\n\n .pager-widget .h-\\[90\\%\\] {\n height: 90% !important;\n }\n\n .pager-widget .h-\\[93\\%\\] {\n height: 93% !important;\n }\n\n .pager-widget .h-\\[94\\%\\] {\n height: 94% !important;\n }\n\n .pager-widget .h-\\[100px\\] {\n height: 100px !important;\n }\n\n .pager-widget .h-\\[120px\\] {\n height: 120px !important;\n }\n\n .pager-widget .h-\\[126px\\] {\n height: 126px !important;\n }\n\n .pager-widget .h-\\[140px\\] {\n height: 140px !important;\n }\n\n .pager-widget .h-\\[160px\\] {\n height: 160px !important;\n }\n\n .pager-widget .h-\\[250px\\] {\n height: 250px !important;\n }\n\n .pager-widget .h-\\[300px\\] {\n height: 300px !important;\n }\n\n .pager-widget .h-\\[calc\\(100\\%-80px\\)\\] {\n height: calc(100% - 80px) !important;\n }\n\n .pager-widget .h-full {\n height: 100% !important;\n }\n\n .pager-widget .h-max {\n height: max-content !important;\n }\n\n .pager-widget .h-px {\n height: 1px !important;\n }\n\n .pager-widget .max-h-8 {\n max-height: 2rem !important;\n }\n\n .pager-widget .max-h-48 {\n max-height: 12rem !important;\n }\n\n .pager-widget .max-h-60 {\n max-height: 15rem !important;\n }\n\n .pager-widget .min-h-\\[36px\\] {\n min-height: 36px !important;\n }\n\n .pager-widget .min-h-max {\n min-height: max-content !important;\n }\n\n .pager-widget .w-0 {\n width: 0 !important;\n }\n\n .pager-widget .w-1 {\n width: .25rem !important;\n }\n\n .pager-widget .w-2 {\n width: .5rem !important;\n }\n\n .pager-widget .w-2\\/3 {\n width: 66.6667% !important;\n }\n\n .pager-widget .w-3 {\n width: .75rem !important;\n }\n\n .pager-widget .w-3\\.5 {\n width: .875rem !important;\n }\n\n .pager-widget .w-4 {\n width: 1rem !important;\n }\n\n .pager-widget .w-5 {\n width: 1.25rem !important;\n }\n\n .pager-widget .w-6 {\n width: 1.5rem !important;\n }\n\n .pager-widget .w-8 {\n width: 2rem !important;\n }\n\n .pager-widget .w-90 {\n width: 22.5rem !important;\n }\n\n .pager-widget .w-\\[10px\\] {\n width: 10px !important;\n }\n\n .pager-widget .w-\\[14px\\] {\n width: 14px !important;\n }\n\n .pager-widget .w-\\[16px\\] {\n width: 16px !important;\n }\n\n .pager-widget .w-\\[18px\\] {\n width: 18px !important;\n }\n\n .pager-widget .w-\\[22px\\] {\n width: 22px !important;\n }\n\n .pager-widget .w-\\[24px\\] {\n width: 24px !important;\n }\n\n .pager-widget .w-\\[30px\\] {\n width: 30px !important;\n }\n\n .pager-widget .w-\\[58px\\] {\n width: 58px !important;\n }\n\n .pager-widget .w-\\[60px\\] {\n width: 60px !important;\n }\n\n .pager-widget .w-\\[80px\\] {\n width: 80px !important;\n }\n\n .pager-widget .w-\\[81\\.86px\\] {\n width: 81.86px !important;\n }\n\n .pager-widget .w-\\[86\\%\\] {\n width: 86% !important;\n }\n\n .pager-widget .w-\\[90\\%\\] {\n width: 90% !important;\n }\n\n .pager-widget .w-\\[91\\%\\] {\n width: 91% !important;\n }\n\n .pager-widget .w-\\[93\\%\\] {\n width: 93% !important;\n }\n\n .pager-widget .w-\\[100\\%\\] {\n width: 100% !important;\n }\n\n .pager-widget .w-\\[100px\\] {\n width: 100px !important;\n }\n\n .pager-widget .w-\\[120px\\] {\n width: 120px !important;\n }\n\n .pager-widget .w-\\[126px\\] {\n width: 126px !important;\n }\n\n .pager-widget .w-\\[140px\\] {\n width: 140px !important;\n }\n\n .pager-widget .w-\\[148px\\] {\n width: 148px !important;\n }\n\n .pager-widget .w-\\[160px\\] {\n width: 160px !important;\n }\n\n .pager-widget .w-\\[250px\\] {\n width: 250px !important;\n }\n\n .pager-widget .w-\\[280px\\] {\n width: 280px !important;\n }\n\n .pager-widget .w-\\[289px\\] {\n width: 289px !important;\n }\n\n .pager-widget .w-\\[300px\\] {\n width: 300px !important;\n }\n\n .pager-widget .w-\\[auto\\] {\n width: auto !important;\n }\n\n .pager-widget .w-\\[calc\\(100\\%-40px\\)\\] {\n width: calc(100% - 40px) !important;\n }\n\n .pager-widget .w-\\[calc\\(100vw-80px\\)\\] {\n width: calc(100vw - 80px) !important;\n }\n\n .pager-widget .w-auto {\n width: auto !important;\n }\n\n .pager-widget .w-fit {\n width: fit-content !important;\n }\n\n .pager-widget .w-full {\n width: 100% !important;\n }\n\n .pager-widget .w-max {\n width: max-content !important;\n }\n\n .pager-widget .max-w-\\[80\\%\\] {\n max-width: 80% !important;\n }\n\n .pager-widget .max-w-\\[280px\\] {\n max-width: 280px !important;\n }\n\n .pager-widget .max-w-\\[533px\\] {\n max-width: 533px !important;\n }\n\n .pager-widget .max-w-max {\n max-width: max-content !important;\n }\n\n .pager-widget .max-w-md {\n max-width: 28rem !important;\n }\n\n .pager-widget .min-w-\\[400px\\] {\n min-width: 400px !important;\n }\n\n .pager-widget .min-w-full {\n min-width: 100% !important;\n }\n\n .pager-widget .flex-1 {\n flex: 1 !important;\n }\n\n .pager-widget .flex-\\[0_0_auto\\] {\n flex: none !important;\n }\n\n .pager-widget .grow {\n flex-grow: 1 !important;\n }\n\n .pager-widget .border-collapse {\n border-collapse: collapse !important;\n }\n\n .pager-widget .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1) !important;\n }\n\n .pager-widget .-translate-x-1, .pager-widget .-translate-x-1\\/2 {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .-translate-x-1\\/2 {\n --tw-translate-x: -50% !important;\n }\n\n .pager-widget .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0) !important;\n }\n\n .pager-widget .translate-x-0, .pager-widget .translate-x-\\[-50\\%\\] {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50% !important;\n }\n\n .pager-widget .-translate-y-1\\/2 {\n --tw-translate-y: -50% !important;\n }\n\n .pager-widget .-translate-y-1\\/2, .pager-widget .translate-y-1 {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * 1) !important;\n }\n\n .pager-widget .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50% !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .scale-95 {\n --tw-scale-x: 95% !important;\n --tw-scale-y: 95% !important;\n --tw-scale-z: 95% !important;\n }\n\n .pager-widget .scale-100, .pager-widget .scale-95 {\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n\n .pager-widget .scale-100 {\n --tw-scale-x: 100% !important;\n --tw-scale-y: 100% !important;\n --tw-scale-z: 100% !important;\n }\n\n .pager-widget .rotate-45 {\n rotate: 45deg !important;\n }\n\n .pager-widget .cursor-pointer {\n cursor: pointer !important;\n }\n\n .pager-widget .resize {\n resize: both !important;\n }\n\n .pager-widget .appearance-none {\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .pager-widget .flex-col {\n flex-direction: column !important;\n }\n\n .pager-widget .flex-wrap {\n flex-wrap: wrap !important;\n }\n\n .pager-widget .items-baseline {\n align-items: baseline !important;\n }\n\n .pager-widget .items-center {\n align-items: center !important;\n }\n\n .pager-widget .items-end {\n align-items: flex-end !important;\n }\n\n .pager-widget .items-start {\n align-items: flex-start !important;\n }\n\n .pager-widget .justify-between {\n justify-content: space-between !important;\n }\n\n .pager-widget .justify-center {\n justify-content: center !important;\n }\n\n .pager-widget .justify-end {\n justify-content: flex-end !important;\n }\n\n .pager-widget .justify-start {\n justify-content: flex-start !important;\n }\n\n .pager-widget .gap-1 {\n gap: .25rem !important;\n }\n\n .pager-widget .gap-1\\.5 {\n gap: .375rem !important;\n }\n\n .pager-widget .gap-2 {\n gap: .5rem !important;\n }\n\n .pager-widget .gap-2\\.5 {\n gap: .625rem !important;\n }\n\n .pager-widget .gap-3 {\n gap: .75rem !important;\n }\n\n .pager-widget .gap-4 {\n gap: 1rem !important;\n }\n\n .pager-widget .gap-5 {\n gap: 1.25rem !important;\n }\n\n .pager-widget .gap-8 {\n gap: 2rem !important;\n }\n\n .pager-widget .gap-10 {\n gap: 2.5rem !important;\n }\n\n .pager-widget .gap-\\[5px\\] {\n gap: 5px !important;\n }\n\n .pager-widget .gap-\\[18px\\] {\n gap: 18px !important;\n }\n\n .pager-widget .space-y-2 {\n .pager-widget :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(.5rem * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(.5rem * (1 - var(--tw-space-y-reverse))) !important;\n }\n }\n\n .pager-widget .space-y-4 {\n .pager-widget :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(1rem * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(1rem * (1 - var(--tw-space-y-reverse))) !important;\n }\n }\n\n .pager-widget .self-stretch {\n align-self: stretch !important;\n }\n\n .pager-widget .truncate {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n }\n\n .pager-widget .overflow-auto {\n overflow: auto !important;\n }\n\n .pager-widget .overflow-hidden {\n overflow: hidden !important;\n }\n\n .pager-widget .overflow-y-auto {\n overflow-y: auto !important;\n }\n\n .pager-widget .overflow-y-scroll {\n overflow-y: scroll !important;\n }\n\n .pager-widget .rounded-2xl {\n border-radius: 1rem !important;\n }\n\n .pager-widget .rounded-\\[10px\\] {\n border-radius: 10px !important;\n }\n\n .pager-widget .rounded-\\[22px\\] {\n border-radius: 22px !important;\n }\n\n .pager-widget .rounded-full {\n border-radius: 3.40282e38px !important;\n }\n\n .pager-widget .rounded-lg {\n border-radius: 8px !important;\n }\n\n .pager-widget .rounded-md {\n border-radius: .375rem !important;\n }\n\n .pager-widget .rounded-sm {\n border-radius: .25rem !important;\n }\n\n .pager-widget .rounded-xl {\n border-radius: .75rem !important;\n }\n\n .pager-widget .rounded-t-\\[22px\\] {\n border-top-left-radius: 22px !important;\n border-top-right-radius: 22px !important;\n }\n\n .pager-widget .rounded-l-lg {\n border-top-left-radius: 8px !important;\n border-bottom-left-radius: 8px !important;\n }\n\n .pager-widget .rounded-tl-md {\n border-top-left-radius: .375rem !important;\n }\n\n .pager-widget .rounded-r-lg {\n border-top-right-radius: 8px !important;\n border-bottom-right-radius: 8px !important;\n }\n\n .pager-widget .rounded-tr-md {\n border-top-right-radius: .375rem !important;\n }\n\n .pager-widget .border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n\n .pager-widget .border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n\n .pager-widget .border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n\n .pager-widget .border-r-0 {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 0 !important;\n }\n\n .pager-widget .border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n\n .pager-widget .border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n\n .pager-widget .border-none {\n --tw-border-style: none !important;\n border-style: none !important;\n }\n\n .pager-widget .border-solid {\n --tw-border-style: solid !important;\n border-style: solid !important;\n }\n\n .pager-widget .border-\\[\\#52525C\\] {\n border-color: #52525c !important;\n }\n\n .pager-widget .border-\\[\\#E4E7EC\\] {\n border-color: #e4e7ec !important;\n }\n\n .pager-widget .border-\\[\\#e17100\\] {\n border-color: #e17100 !important;\n }\n\n .pager-widget .border-black {\n border-color: #000 !important;\n }\n\n .pager-widget .border-gray-200 {\n border-color: #e5e7eb !important;\n }\n\n .pager-widget .border-gray-300 {\n border-color: #d1d5dc !important;\n }\n\n .pager-widget .border-red-500 {\n border-color: #fb2c36 !important;\n }\n\n .pager-widget .border-slate-200 {\n border-color: #e2e8f0 !important;\n }\n\n .pager-widget .border-slate-300 {\n border-color: #cad5e2 !important;\n }\n\n .pager-widget .border-zinc-100 {\n border-color: #f4f4f5 !important;\n }\n\n .pager-widget .border-zinc-200 {\n border-color: #e4e4e7 !important;\n }\n\n .pager-widget .border-zinc-300 {\n border-color: #d4d4d8 !important;\n }\n\n .pager-widget .\\!bg-white {\n background-color: #fff !important;\n }\n\n .pager-widget .bg-\\[\\#4B2FFF\\], .pager-widget .bg-\\[\\#4b2fff\\] {\n background-color: #4b2fff !important;\n }\n\n .pager-widget .bg-\\[\\#9f9fa9\\] {\n background-color: #9f9fa9 !important;\n }\n\n .pager-widget .bg-\\[\\#14161A\\] {\n background-color: #14161a !important;\n }\n\n .pager-widget .bg-\\[\\#F4F4F5\\] {\n background-color: #f4f4f5 !important;\n }\n\n .pager-widget .bg-\\[\\#f9fafb\\] {\n background-color: #f9fafb !important;\n }\n\n .pager-widget .bg-\\[\\#fef3c6\\] {\n background-color: #fef3c6 !important;\n }\n\n .pager-widget .bg-\\[red\\] {\n background-color: red !important;\n }\n\n .pager-widget .bg-black {\n background-color: #000 !important;\n }\n\n .pager-widget .bg-gray-100 {\n background-color: #f3f4f6 !important;\n }\n\n .pager-widget .bg-gray-200 {\n background-color: #e5e7eb !important;\n }\n\n .pager-widget .bg-white {\n background-color: #fff !important;\n }\n\n .pager-widget .bg-zinc-50 {\n background-color: #fafafa !important;\n }\n\n .pager-widget .bg-zinc-100 {\n background-color: #f4f4f5 !important;\n }\n\n .pager-widget .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n\n .pager-widget .from-\\[\\#564CFF\\] {\n --tw-gradient-from: #564cff !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n\n .pager-widget .via-\\[\\#EB582E\\] {\n --tw-gradient-via: #eb582e !important;\n --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops) !important;\n }\n\n .pager-widget .to-\\[\\#ECD906\\] {\n --tw-gradient-to: #ecd906 !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n\n .pager-widget .bg-cover {\n background-size: cover !important;\n }\n\n .pager-widget .bg-\\[100\\%_100\\%\\] {\n background-position: 100% 100% !important;\n }\n\n .pager-widget .bg-center {\n background-position: 50% !important;\n }\n\n .pager-widget .p-0 {\n padding: 0 !important;\n }\n\n .pager-widget .p-1 {\n padding: .25rem !important;\n }\n\n .pager-widget .p-1\\.5 {\n padding: .375rem !important;\n }\n\n .pager-widget .p-2 {\n padding: .5rem !important;\n }\n\n .pager-widget .p-3 {\n padding: .75rem !important;\n }\n\n .pager-widget .p-4 {\n padding: 1rem !important;\n }\n\n .pager-widget .p-5 {\n padding: 1.25rem !important;\n }\n\n .pager-widget .p-6 {\n padding: 1.5rem !important;\n }\n\n .pager-widget .p-\\[3\\.5px\\] {\n padding: 3.5px !important;\n }\n\n .pager-widget .p-\\[5px\\] {\n padding: 5px !important;\n }\n\n .pager-widget .px-0 {\n padding-inline: 0 !important;\n }\n\n .pager-widget .px-1 {\n padding-inline: .25rem !important;\n }\n\n .pager-widget .px-2 {\n padding-inline: .5rem !important;\n }\n\n .pager-widget .px-2\\.5 {\n padding-inline: .625rem !important;\n }\n\n .pager-widget .px-3\\.5 {\n padding-inline: .875rem !important;\n }\n\n .pager-widget .px-4 {\n padding-inline: 1rem !important;\n }\n\n .pager-widget .px-5 {\n padding-inline: 1.25rem !important;\n }\n\n .pager-widget .px-8 {\n padding-inline: 2rem !important;\n }\n\n .pager-widget .px-9 {\n padding-inline: 2.25rem !important;\n }\n\n .pager-widget .px-\\[26px\\] {\n padding-inline: 26px !important;\n }\n\n .pager-widget .py-0 {\n padding-block: 0 !important;\n }\n\n .pager-widget .py-0\\.5 {\n padding-block: .125rem !important;\n }\n\n .pager-widget .py-1 {\n padding-block: .25rem !important;\n }\n\n .pager-widget .py-1\\.5 {\n padding-block: .375rem !important;\n }\n\n .pager-widget .py-2 {\n padding-block: .5rem !important;\n }\n\n .pager-widget .py-2\\.5 {\n padding-block: .625rem !important;\n }\n\n .pager-widget .py-3 {\n padding-block: .75rem !important;\n }\n\n .pager-widget .py-\\[13px\\] {\n padding-block: 13px !important;\n }\n\n .pager-widget .py-\\[15px\\] {\n padding-block: 15px !important;\n }\n\n .pager-widget .pt-0\\.5 {\n padding-top: .125rem !important;\n }\n\n .pager-widget .pt-1 {\n padding-top: .25rem !important;\n }\n\n .pager-widget .pt-2 {\n padding-top: .5rem !important;\n }\n\n .pager-widget .pt-3 {\n padding-top: .75rem !important;\n }\n\n .pager-widget .pt-4 {\n padding-top: 1rem !important;\n }\n\n .pager-widget .pt-px {\n padding-top: 1px !important;\n }\n\n .pager-widget .\\!pr-4 {\n padding-right: 1rem !important;\n }\n\n .pager-widget .pr-0 {\n padding-right: 0 !important;\n }\n\n .pager-widget .pr-1 {\n padding-right: .25rem !important;\n }\n\n .pager-widget .pr-2\\.5 {\n padding-right: .625rem !important;\n }\n\n .pager-widget .pr-3 {\n padding-right: .75rem !important;\n }\n\n .pager-widget .pr-4 {\n padding-right: 1rem !important;\n }\n\n .pager-widget .pb-0\\.5 {\n padding-bottom: .125rem !important;\n }\n\n .pager-widget .pb-2\\.5 {\n padding-bottom: .625rem !important;\n }\n\n .pager-widget .pb-3 {\n padding-bottom: .75rem !important;\n }\n\n .pager-widget .pb-7 {\n padding-bottom: 1.75rem !important;\n }\n\n .pager-widget .pb-8 {\n padding-bottom: 2rem !important;\n }\n\n .pager-widget .pb-\\[70px\\] {\n padding-bottom: 70px !important;\n }\n\n .pager-widget .pl-2 {\n padding-left: .5rem !important;\n }\n\n .pager-widget .pl-3 {\n padding-left: .75rem !important;\n }\n\n .pager-widget .pl-3\\.5 {\n padding-left: .875rem !important;\n }\n\n .pager-widget .pl-5 {\n padding-left: 1.25rem !important;\n }\n\n .pager-widget .pl-10 {\n padding-left: 2.5rem !important;\n }\n\n .pager-widget .pl-\\[26px\\] {\n padding-left: 26px !important;\n }\n\n .pager-widget .text-center {\n text-align: center !important;\n }\n\n .pager-widget .text-left {\n text-align: left !important;\n }\n\n .pager-widget .text-right {\n text-align: right !important;\n }\n\n .pager-widget .text-start {\n text-align: start !important;\n }\n\n .pager-widget .font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important;\n }\n\n .pager-widget .text-2xl {\n font-size: 24px !important;\n }\n\n .pager-widget .text-\\[12px\\] {\n font-size: 12px !important;\n }\n\n .pager-widget .text-\\[length\\:var\\(--text-md-medium-font-size\\)\\] {\n font-size: var(--text-md-medium-font-size) !important;\n }\n\n .pager-widget .text-base {\n font-size: 16px !important;\n }\n\n .pager-widget .text-sm {\n font-size: 14px !important;\n }\n\n .pager-widget .text-xs {\n font-size: 12px !important;\n }\n\n .pager-widget .text-xss {\n font-size: 10px !important;\n }\n\n .pager-widget .leading-5 {\n --tw-leading: calc(var(--spacing) * 5) !important;\n line-height: 1.25rem !important;\n }\n\n .pager-widget .leading-6 {\n --tw-leading: calc(var(--spacing) * 6) !important;\n line-height: 1.5rem !important;\n }\n\n .pager-widget .leading-8 {\n --tw-leading: calc(var(--spacing) * 8) !important;\n line-height: 2rem !important;\n }\n\n .pager-widget .leading-\\[18px\\] {\n --tw-leading: 18px !important;\n line-height: 18px !important;\n }\n\n .pager-widget .leading-\\[var\\(--text-md-medium-line-height\\)\\] {\n --tw-leading: var(--text-md-medium-line-height) !important;\n line-height: var(--text-md-medium-line-height) !important;\n }\n\n .pager-widget .leading-relaxed {\n --tw-leading: var(--leading-relaxed) !important;\n line-height: 1.625 !important;\n }\n\n .pager-widget .font-\\[number\\:var\\(--text-md-medium-font-weight\\)\\] {\n --tw-font-weight: var(--text-md-medium-font-weight) !important;\n font-weight: var(--text-md-medium-font-weight) !important;\n }\n\n .pager-widget .font-bold {\n --tw-font-weight: var(--font-weight-bold) !important;\n font-weight: 700 !important;\n }\n\n .pager-widget .font-medium {\n --tw-font-weight: var(--font-weight-medium) !important;\n font-weight: 500 !important;\n }\n\n .pager-widget .font-normal {\n --tw-font-weight: var(--font-weight-normal) !important;\n font-weight: 400 !important;\n }\n\n .pager-widget .font-semibold {\n --tw-font-weight: var(--font-weight-semibold) !important;\n font-weight: 600 !important;\n }\n\n .pager-widget .tracking-\\[0\\] {\n --tw-tracking: 0 !important;\n letter-spacing: 0 !important;\n }\n\n .pager-widget .tracking-\\[0px\\] {\n --tw-tracking: 0px !important;\n letter-spacing: 0 !important;\n }\n\n .pager-widget .tracking-\\[var\\(--text-md-medium-letter-spacing\\)\\] {\n --tw-tracking: var(--text-md-medium-letter-spacing) !important;\n letter-spacing: var(--text-md-medium-letter-spacing) !important;\n }\n\n .pager-widget .text-wrap {\n text-wrap: wrap !important;\n }\n\n .pager-widget .text-ellipsis {\n text-overflow: ellipsis !important;\n }\n\n .pager-widget .whitespace-nowrap {\n white-space: nowrap !important;\n }\n\n .pager-widget .whitespace-pre {\n white-space: pre !important;\n }\n\n .pager-widget .whitespace-pre-wrap {\n white-space: pre-wrap !important;\n }\n\n .pager-widget .text-\\[\\#1a1a1a\\] {\n color: #1a1a1a !important;\n }\n\n .pager-widget .text-\\[\\#1d293d\\] {\n color: #1d293d !important;\n }\n\n .pager-widget .text-\\[\\#4B2FFF\\] {\n color: #4b2fff !important;\n }\n\n .pager-widget .text-\\[\\#90A1B9\\] {\n color: #90a1b9 !important;\n }\n\n .pager-widget .text-\\[\\#020618\\] {\n color: #020618 !important;\n }\n\n .pager-widget .text-\\[\\#45556C\\], .pager-widget .text-\\[\\#45556c\\] {\n color: #45556c !important;\n }\n\n .pager-widget .text-\\[\\#62748E\\], .pager-widget .text-\\[\\#62748e\\] {\n color: #62748e !important;\n }\n\n .pager-widget .text-\\[\\#314158\\] {\n color: #314158 !important;\n }\n\n .pager-widget .text-\\[\\#FFFFFF\\], .pager-widget .text-\\[\\#fff\\] {\n color: #fff !important;\n }\n\n .pager-widget .text-amber-700 {\n color: #bb4d00 !important;\n }\n\n .pager-widget .text-black {\n color: #000 !important;\n }\n\n .pager-widget .text-blue-700 {\n color: #1447e6 !important;\n }\n\n .pager-widget .text-gray-400 {\n color: #99a1af !important;\n }\n\n .pager-widget .text-gray-500 {\n color: #6a7282 !important;\n }\n\n .pager-widget .text-gray-600 {\n color: #4a5565 !important;\n }\n\n .pager-widget .text-gray-700 {\n color: #364153 !important;\n }\n\n .pager-widget .text-green-500 {\n color: #00c950 !important;\n }\n\n .pager-widget .text-green-600 {\n color: #00a63e !important;\n }\n\n .pager-widget .text-red-500 {\n color: #fb2c36 !important;\n }\n\n .pager-widget .text-slate-400 {\n color: #90a1b9 !important;\n }\n\n .pager-widget .text-slate-500 {\n color: #62748e !important;\n }\n\n .pager-widget .text-slate-600 {\n color: #45556c !important;\n }\n\n .pager-widget .text-slate-700 {\n color: #314158 !important;\n }\n\n .pager-widget .text-slate-950 {\n color: #020618 !important;\n }\n\n .pager-widget .text-white {\n color: #fff !important;\n }\n\n .pager-widget .\\[font-style\\:var\\(--text-md-medium-font-style\\)\\] {\n font-style: var(--text-md-medium-font-style) !important;\n }\n\n .pager-widget .italic {\n font-style: italic !important;\n }\n\n .pager-widget .line-through {\n text-decoration-line: line-through !important;\n }\n\n .pager-widget .underline {\n text-decoration-line: underline !important;\n }\n\n .pager-widget .placeholder-\\[\\#62748e\\] {\n .pager-widget &::-moz-placeholder {\n color: #62748e !important;\n }\n\n .pager-widget &::placeholder {\n color: #62748e !important;\n }\n }\n\n .pager-widget .opacity-0 {\n opacity: 0 !important;\n }\n\n .pager-widget .opacity-50 {\n opacity: .5 !important;\n }\n\n .pager-widget .opacity-90 {\n opacity: .9 !important;\n }\n\n .pager-widget .opacity-100 {\n opacity: 1 !important;\n }\n\n .pager-widget .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-all {\n transition-property: all !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .duration-150 {\n --tw-duration: .15s !important;\n transition-duration: .15s !important;\n }\n\n .pager-widget .duration-200 {\n --tw-duration: .2s !important;\n transition-duration: .2s !important;\n }\n\n .pager-widget .duration-300 {\n --tw-duration: .3s !important;\n transition-duration: .3s !important;\n }\n\n .pager-widget .duration-800 {\n --tw-duration: .8s !important;\n transition-duration: .8s !important;\n }\n\n .pager-widget .ease-in-out {\n --tw-ease: var(--ease-in-out) !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .ease-out {\n --tw-ease: var(--ease-out) !important;\n transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;\n }\n\n .pager-widget .outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n\n .pager-widget .group-hover\\:pointer-events-auto {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n pointer-events: auto !important;\n }\n }\n }\n\n .pager-widget .group-hover\\:translate-y-0 {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n --tw-translate-y: calc(var(--spacing) * 0) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n }\n }\n\n .pager-widget .group-hover\\:opacity-100 {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 1 !important;\n }\n }\n }\n\n .pager-widget .hover\\:scale-105 {\n .pager-widget &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105% !important;\n --tw-scale-y: 105% !important;\n --tw-scale-z: 105% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n }\n }\n\n .pager-widget .hover\\:border-\\[\\#4b2fff\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n border-color: #4b2fff !important;\n }\n }\n }\n\n .pager-widget .hover\\:border-zinc-500 {\n .pager-widget &:hover {\n @media (hover: hover) {\n border-color: #71717b !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-\\[\\#3f25e8\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #3f25e8 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-\\[\\#4b2fff\\]\\/90 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: oklab(50.6449% .0278989 -.278518 / .9) !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-gray-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f3f4f6 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-slate-50 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f8fafc !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-slate-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f1f5f9 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-white\\/10 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: oklab(100% 0 5.96046e-8 / .1) !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-zinc-200 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #e4e4e7 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-\\[\\#4B2FFF\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #4b2fff !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-\\[\\#3517f7\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #3517f7 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-slate-700 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #314158 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-slate-800 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #1d293d !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-zinc-500 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #71717b !important;\n }\n }\n }\n\n .pager-widget .hover\\:opacity-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n opacity: 1 !important;\n }\n }\n }\n\n .pager-widget .focus\\:border-transparent {\n .pager-widget &:focus {\n border-color: #0000 !important;\n }\n }\n\n .pager-widget .focus\\:ring-2 {\n .pager-widget &:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n\n .pager-widget .focus\\:ring-blue-500 {\n .pager-widget &:focus {\n --tw-ring-color: #2b7fff !important;\n }\n }\n\n .pager-widget .focus\\:ring-red-500 {\n .pager-widget &:focus {\n --tw-ring-color: #fb2c36 !important;\n }\n }\n\n .pager-widget .focus\\:outline-none {\n .pager-widget &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n\n .pager-widget .active\\:scale-95 {\n .pager-widget &:active {\n --tw-scale-x: 95% !important;\n --tw-scale-y: 95% !important;\n --tw-scale-z: 95% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n }\n}\n\n.pager-widget {\n pointer-events: auto;\n font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n}\n\n.pager-widget-root .bg-img-chat {\n background-position: 50%;\n background-size: cover;\n}\n\n.pager-widget-root .bg-gradient-clor {\n background: linear-gradient(#ffd66e, #4cff94) !important;\n}\n\n.pager-widget-root ul {\n font-size: 14px;\n}\n\n.pager-widget-root ul ul {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.pager-widget-root ul {\n padding-left: 20px;\n list-style-type: disc;\n}\n\n.pager-widget-root ul ul {\n padding-left: 20px;\n list-style-type: circle;\n}\n\n.pager-widget-root ul ul li {\n list-style-type: circle;\n}\n\n.pager-widget-root ol {\n font-size: 14px;\n}\n\n.pager-widget-root ol ol {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.pager-widget-root ol {\n padding-left: 20px;\n list-style-type: decimal;\n}\n\n.pager-widget-root ol ol {\n padding-left: 20px;\n}\n\n.pager-widget-root ol ol, .pager-widget-root ol ol li {\n list-style-type: lower-alpha;\n}\n\n.pager-widget-root ol li, .pager-widget-root ol ol li, .pager-widget-root ul li {\n padding-bottom: 4px;\n}\n\n.pager-widget-root .three-dot-typing {\n margin: 0;\n padding: 0;\n}\n\n.pager-widget-root .typing-dots {\n justify-content: center;\n align-items: center;\n height: auto;\n margin: 0;\n padding: 0;\n display: flex;\n}\n\n.pager-widget-root .dot {\n background-color: #564cff;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n margin: 0 3px;\n animation: 1.4s infinite both blink;\n}\n\n.pager-widget-root .dot:nth-child(2) {\n animation-delay: .2s;\n}\n\n.pager-widget-root .dot:nth-child(3) {\n animation-delay: .4s;\n}\n\n@keyframes blink {\n 0%, 80%, to {\n opacity: 0;\n }\n\n 40% {\n opacity: 1;\n }\n}\n\n.pager-widget-root .box-shadow-widget {\n box-shadow: 0 5px 40px #0f0f0f29;\n}\n\n.pager-widget-root .widget-expand-animation {\n transition: all .3s cubic-bezier(.4, 0, .2, 1);\n}\n\n.pager-widget-root .chat-area-height {\n height: calc(100% - 60px);\n max-height: calc(100% - 60px);\n overflow: hidden;\n}\n\n@keyframes slideInRight {\n 0% {\n opacity: 0;\n transform: translateX(16px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRightSlow {\n 0% {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.pager-widget-root .animate-slide-in-right {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) .1s backwards slideInRight;\n transform: translateX(0);\n}\n\n.pager-widget-root .animate-slide-in-right-slow {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards slideInRightSlow;\n transform: translateX(0);\n}\n\n@keyframes slideInLeft {\n 0% {\n opacity: 0;\n transform: translateX(-8px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInLeftSlow {\n 0% {\n opacity: 0;\n transform: translateX(-8px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.pager-widget-root .animate-slide-in-left {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) .1s backwards slideInLeft;\n transform: translateX(0);\n}\n\n.pager-widget-root .animate-slide-in-left-slow {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards slideInLeftSlow;\n transform: translateX(0);\n}\n\n@keyframes widget-pop-in {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.pager-widget-root .widget-pop-in {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards widget-pop-in;\n transform: translateY(0);\n}\n\n.pager-widget-root .chat-popup {\n opacity: 0;\n pointer-events: none;\n transform-origin: 100% 100%;\n z-index: 2147483000;\n background: #fff;\n transition: opacity .15s, transform .3s cubic-bezier(0, 1.2, 1, 1);\n overflow: hidden;\n transform: scale(.8);\n box-shadow: 0 5px 40px #0f0f0f29;\n}\n\n.pager-widget-root .chat-popup.active {\n opacity: 1;\n pointer-events: all;\n transform: scale(1);\n}\n\n.pager-widget-root .maximize-height {\n height: calc(100vh - 124px);\n}\n\n.pager-widget-root .markdown-parent-container {\n flex-direction: column;\n gap: 10px;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n}\n\n.pager-widget-root .markdown-parent-container strong {\n font-weight: 700 !important;\n}\n\n.pager-widget-root .markdown-parent-container em {\n font-style: italic !important;\n}\n\n.pager-widget-root .markdown-parent-container u {\n text-decoration: underline !important;\n}\n\n.pager-widget-root .markdown-parent-container a {\n color: #353ced !important;\n text-decoration: underline !important;\n}\n\n.pager-widget-root .markdown-parent-container a:hover {\n color: #262bca !important;\n}\n\n.pager-widget-root .markdown-parent-container table {\n border-collapse: collapse;\n width: 100%;\n min-width: 100%;\n font-size: .875rem;\n}\n\n.pager-widget .markdown-table-wrapper {\n border: 1px solid #d1d5db;\n border-radius: .5rem;\n width: 100%;\n height: auto;\n max-height: 300px;\n overflow: auto;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table thead {\n z-index: 10;\n background-color: #f3f4f6;\n position: sticky;\n top: 0;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table th {\n text-align: left;\n white-space: nowrap;\n border-bottom: 1px solid #d1d5db;\n padding: .5rem 1rem;\n font-size: .875rem;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table tbody tr {\n background-color: #fff;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table td {\n white-space: nowrap;\n border-bottom: 1px solid #e5e7eb;\n padding: .5rem 1rem;\n font-size: .875rem;\n}\n\n.pager-widget-root .bottom-gradient-recent-list {\n pointer-events: none;\n text-align: center;\n z-index: 40;\n background: linear-gradient(0deg, #fff, #fff0);\n border-radius: 0 0 6px 6px;\n justify-content: center;\n align-items: center;\n height: 90px;\n display: flex;\n position: absolute;\n bottom: 58px;\n left: 0;\n right: 0;\n}\n\n.pager-widget-root .bg-widget-home-light-top {\n background: linear-gradient(0deg, #000c, #0006, #0000);\n}\n\n.pager-widget-root .bg-widget-home-dark-top {\n background: linear-gradient(0deg, #0000, #0006, #000c);\n}\n\n.pager-widget-root .font-medium {\n font-weight: 500 !important;\n}\n\n.pager-widget-root .font-regular {\n font-weight: 400 !important;\n}\n\n.pager-widget-root .font-semiBold {\n font-weight: 600 !important;\n}\n\n.pager-widget-root .font-bold {\n font-weight: 700 !important;\n}\n\n.pager-widget-root .no-animation {\n animation: none !important;\n}\n\n.pager-widget .contact-tooltip {\n cursor: pointer;\n opacity: 0;\n pointer-events: none;\n border-radius: 8px;\n width: max-content;\n transition: all .4s;\n}\n\n.pager-widget .contact-tooltip:hover.visible {\n animation-play-state: paused;\n}\n\n.pager-widget .contact-tooltip.visible {\n opacity: 1;\n pointer-events: all;\n animation: .4s forwards tooltipPop, .3s .9s both gentleShake, 10s linear 1.2s infinite repeatShake;\n}\n\n@keyframes repeatShake {\n 0%, to {\n transform: translateY(-15%)translateX(0);\n }\n\n 25% {\n transform: translateY(-20%)translateX(-4px);\n }\n\n 50% {\n transform: translateY(-15%)translateX(0);\n }\n\n 75% {\n transform: translateY(-20%)translateX(4px);\n }\n}\n\n@keyframes tooltipPop {\n 0% {\n opacity: 0;\n transform: translateY(-10%)translateX(10px)scale(.9);\n }\n\n to {\n opacity: 1;\n transform: translateY(-20%)translateX(0)scale(1);\n }\n}\n\n@keyframes gentleShake {\n 0%, to {\n transform: translateY(-15%)translateX(0);\n }\n\n 25% {\n transform: translateY(-20%)translateX(-4px);\n }\n\n 50% {\n transform: translateY(-15%)translateX(0);\n }\n\n 75% {\n transform: translateY(-20%)translateX(4px);\n }\n}\n\n@media (width <= 600px) {\n .pager-widget .contact-tooltip {\n bottom: 60%;\n right: 60px;\n }\n}\n\n.pager-widget .floating-chip-hover {\n filter: drop-shadow(0 8px 18px #00000014);\n box-shadow: 0 3px 7px #00000040;\n}\n\n.pager-widget .animated-gradient-bg-thought {\n background: repeating-linear-gradient(90deg, #43b5ef33, #7173f433 25%, #fc69b733 50%, #fcc66933 75%, #43b5ef33) 0 0 / 800% 100%;\n animation: 2s linear infinite gradientWave;\n}\n\n@keyframes gradientWave {\n 0% {\n background-position-x: 0;\n }\n\n to {\n background-position-x: 100%;\n }\n}\n\n.pager-widget .selva-qwer {\n box-shadow: 0 3px 7px #00000040;\n}\n\n.pager-widget .custom-tooltip {\n opacity: 0;\n pointer-events: none;\n will-change: opacity, transform;\n transition: opacity .2s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);\n transform: translateY(6px)scale(.9);\n}\n\n.pager-widget .custom-tooltip.custom-tooltip--visible {\n opacity: 1;\n transform: translateY(0)scale(1);\n}\n\n.pager-widget .custom-tooltip .rotate-45 {\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pager-widget .custom-tooltip {\n transition: none;\n }\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";
1879
+ module.exports = "/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n .pager-widget *, .pager-widget ::backdrop, .pager-widget :after, .pager-widget :before {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n\n@layer theme {\n .pager-widget :host, .pager-widget :root {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n --spacing: .25rem;\n --container-md: 28rem;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-relaxed: 1.625;\n --radius-sm: .25rem;\n --radius-md: .375rem;\n --radius-xl: .75rem;\n --radius-2xl: 1rem;\n --ease-out: cubic-bezier(0, 0, .2, 1);\n --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n --default-transition-duration: .15s;\n --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n }\n}\n\n@layer base {\n .pager-widget *, .pager-widget ::backdrop, .pager-widget ::file-selector-button, .pager-widget :after, .pager-widget :before {\n box-sizing: border-box;\n border: 0 solid;\n margin: 0;\n padding: 0;\n }\n\n .pager-widget :host, html {\n -webkit-text-size-adjust: 100%;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n -webkit-tap-highlight-color: transparent;\n font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n line-height: 1.5;\n }\n\n .pager-widget hr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n }\n\n .pager-widget abbr:where([title]) {\n text-decoration: underline dotted;\n }\n\n .pager-widget h1, .pager-widget h2, .pager-widget h3, .pager-widget h4, .pager-widget h5, .pager-widget h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n .pager-widget a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n .pager-widget b, .pager-widget strong {\n font-weight: bolder;\n }\n\n .pager-widget code, .pager-widget kbd, .pager-widget pre, .pager-widget samp {\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 1em;\n }\n\n .pager-widget small {\n font-size: 80%;\n }\n\n .pager-widget sub, .pager-widget sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n\n .pager-widget sub {\n bottom: -.25em;\n }\n\n .pager-widget sup {\n top: -.5em;\n }\n\n .pager-widget table {\n border-collapse: collapse;\n border-color: inherit;\n text-indent: 0;\n }\n\n .pager-widget :-moz-focusring {\n outline: auto;\n }\n\n .pager-widget progress {\n vertical-align: baseline;\n }\n\n .pager-widget summary {\n display: list-item;\n }\n\n .pager-widget menu, .pager-widget ol, .pager-widget ul {\n list-style: none;\n }\n\n .pager-widget audio, .pager-widget canvas, .pager-widget embed, .pager-widget iframe, .pager-widget img, .pager-widget object, .pager-widget svg, .pager-widget video {\n vertical-align: middle;\n display: block;\n }\n\n .pager-widget img, .pager-widget video {\n max-width: 100%;\n height: auto;\n }\n\n .pager-widget ::file-selector-button, .pager-widget button, .pager-widget input, .pager-widget optgroup, .pager-widget select, .pager-widget textarea {\n color: inherit;\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n opacity: 1;\n background-color: #0000;\n border-radius: 0;\n }\n\n .pager-widget :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n .pager-widget :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n .pager-widget ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n .pager-widget ::-moz-placeholder {\n opacity: 1;\n }\n\n .pager-widget ::placeholder {\n opacity: 1;\n }\n\n @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n .pager-widget ::-moz-placeholder {\n color: currentColor;\n\n @supports (color: color-mix(in lab,red,red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n\n .pager-widget ::placeholder {\n color: currentColor;\n\n @supports (color: color-mix(in lab,red,red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n\n .pager-widget textarea {\n resize: vertical;\n }\n\n .pager-widget ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n .pager-widget ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n\n .pager-widget ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n .pager-widget ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n .pager-widget ::-webkit-datetime-edit, .pager-widget ::-webkit-datetime-edit-day-field, .pager-widget ::-webkit-datetime-edit-hour-field, .pager-widget ::-webkit-datetime-edit-meridiem-field, .pager-widget ::-webkit-datetime-edit-millisecond-field, .pager-widget ::-webkit-datetime-edit-minute-field, .pager-widget ::-webkit-datetime-edit-month-field, .pager-widget ::-webkit-datetime-edit-second-field, .pager-widget ::-webkit-datetime-edit-year-field {\n padding-block: 0;\n }\n\n .pager-widget :-moz-ui-invalid {\n box-shadow: none;\n }\n\n .pager-widget ::file-selector-button, .pager-widget button, .pager-widget input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n\n .pager-widget ::-webkit-inner-spin-button, .pager-widget ::-webkit-outer-spin-button {\n height: auto;\n }\n\n .pager-widget [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n\n @font-face {\n font-display: swap;\n font-family: Inter;\n font-style: normal;\n font-weight: 400;\n src: url(\"fonts/Inter-Regular.woff2\") format(\"woff2\");\n }\n\n @font-face {\n font-family: inter-font;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Light;\n font-weight: 300;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Regular;\n font-weight: 400;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Medium;\n font-weight: 500;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: SemiBold;\n font-weight: 600;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n @font-face {\n font-family: Bold;\n font-weight: 700;\n src: local(Inter-VariableFont), url(\"../src/assets/fonts/Inter-VariableFont.ttf\") format(\"truetype\");\n }\n\n .pager-widget *, .pager-widget ::backdrop, .pager-widget ::file-selector-button, .pager-widget :after, .pager-widget :before {\n border-color: currentColor;\n }\n}\n\n@layer components;\n\n@layer utilities {\n .pager-widget .pointer-events-none {\n pointer-events: none !important;\n }\n\n .pager-widget .visible {\n visibility: visible !important;\n }\n\n .pager-widget .absolute {\n position: absolute !important;\n }\n\n .pager-widget .fixed {\n position: fixed !important;\n }\n\n .pager-widget .relative {\n position: relative !important;\n }\n\n .pager-widget .static {\n position: static !important;\n }\n\n .pager-widget .sticky {\n position: sticky !important;\n }\n\n .pager-widget .inset-0 {\n inset: 0 !important;\n }\n\n .pager-widget .-top-1 {\n top: -.25rem !important;\n }\n\n .pager-widget .-top-3 {\n top: -.75rem !important;\n }\n\n .pager-widget .top-0 {\n top: 0 !important;\n }\n\n .pager-widget .top-0\\.5 {\n top: .125rem !important;\n }\n\n .pager-widget .top-1\\/2 {\n top: 50% !important;\n }\n\n .pager-widget .top-2\\.5 {\n top: .625rem !important;\n }\n\n .pager-widget .top-6 {\n top: 1.5rem !important;\n }\n\n .pager-widget .top-full {\n top: 100% !important;\n }\n\n .pager-widget .-right-1 {\n right: -.25rem !important;\n }\n\n .pager-widget .-right-3 {\n right: -.75rem !important;\n }\n\n .pager-widget .right-0 {\n right: 0 !important;\n }\n\n .pager-widget .right-1 {\n right: .25rem !important;\n }\n\n .pager-widget .right-3 {\n right: .75rem !important;\n }\n\n .pager-widget .right-4 {\n right: 1rem !important;\n }\n\n .pager-widget .right-5 {\n right: 1.25rem !important;\n }\n\n .pager-widget .right-6 {\n right: 1.5rem !important;\n }\n\n .pager-widget .right-full {\n right: 100% !important;\n }\n\n .pager-widget .-bottom-1 {\n bottom: -.25rem !important;\n }\n\n .pager-widget .bottom-0 {\n bottom: 0 !important;\n }\n\n .pager-widget .bottom-20 {\n bottom: 5rem !important;\n }\n\n .pager-widget .bottom-\\[1\\.2rem\\] {\n bottom: 1.2rem !important;\n }\n\n .pager-widget .bottom-full {\n bottom: 100% !important;\n }\n\n .pager-widget .-left-1 {\n left: -.25rem !important;\n }\n\n .pager-widget .left-0 {\n left: 0 !important;\n }\n\n .pager-widget .left-1\\/2 {\n left: 50% !important;\n }\n\n .pager-widget .left-3 {\n left: .75rem !important;\n }\n\n .pager-widget .left-\\[1\\.5rem\\] {\n left: 1.5rem !important;\n }\n\n .pager-widget .left-full {\n left: 100% !important;\n }\n\n .pager-widget .z-10 {\n z-index: 10 !important;\n }\n\n .pager-widget .z-50 {\n z-index: 50 !important;\n }\n\n .pager-widget .z-\\[0\\] {\n z-index: 0 !important;\n }\n\n .pager-widget .z-\\[99999999999999\\] {\n z-index: 2147483647 !important;\n }\n\n .pager-widget .container {\n width: 100% !important;\n\n @media (width >= 500px) {\n max-width: 500px !important;\n }\n\n @media (width >= 640px) {\n max-width: 640px !important;\n }\n\n @media (width >= 768px) {\n max-width: 768px !important;\n }\n\n @media (width >= 1024px) {\n max-width: 1024px !important;\n }\n\n @media (width >= 1050px) {\n max-width: 1050px !important;\n }\n\n @media (width >= 1300px) {\n max-width: 1300px !important;\n }\n\n @media (width >= 1500px) {\n max-width: 1500px !important;\n }\n\n @media (width >= 1536px) {\n max-width: 1536px !important;\n }\n\n @media (width >= 1700px) {\n max-width: 1700px !important;\n }\n\n @media (width >= 1920px) {\n max-width: 1920px !important;\n }\n\n @media (width >= 2160px) {\n max-width: 2160px !important;\n }\n\n @media (width >= 2560px) {\n max-width: 2560px !important;\n }\n\n @media (width >= 3840px) {\n max-width: 3840px !important;\n }\n }\n\n .pager-widget .container {\n margin-inline: auto !important;\n padding-inline: 2rem !important;\n\n @media (width >= 500px) {\n max-width: none !important;\n }\n\n @media (width >= 1400px) {\n max-width: 1400px !important;\n }\n }\n\n .pager-widget .mx-1 {\n margin-inline: .25rem !important;\n }\n\n .pager-widget .mx-auto {\n margin-inline: auto !important;\n }\n\n .pager-widget .-mt-\\[1px\\] {\n margin-top: -1px !important;\n }\n\n .pager-widget .-mt-\\[12px\\] {\n margin-top: -12px !important;\n }\n\n .pager-widget .mt-1 {\n margin-top: .25rem !important;\n }\n\n .pager-widget .mt-2 {\n margin-top: .5rem !important;\n }\n\n .pager-widget .mt-10 {\n margin-top: 2.5rem !important;\n }\n\n .pager-widget .mt-\\[-1\\.00px\\], .pager-widget .mt-\\[-1px\\] {\n margin-top: -1px !important;\n }\n\n .pager-widget .mr-2 {\n margin-right: .5rem !important;\n }\n\n .pager-widget .mr-4 {\n margin-right: 1rem !important;\n }\n\n .pager-widget .mb-1 {\n margin-bottom: .25rem !important;\n }\n\n .pager-widget .mb-2 {\n margin-bottom: .5rem !important;\n }\n\n .pager-widget .mb-4 {\n margin-bottom: 1rem !important;\n }\n\n .pager-widget .mb-\\[6px\\] {\n margin-bottom: 6px !important;\n }\n\n .pager-widget .ml-0\\.5 {\n margin-left: .125rem !important;\n }\n\n .pager-widget .ml-2 {\n margin-left: .5rem !important;\n }\n\n .pager-widget .block {\n display: block !important;\n }\n\n .pager-widget .flex {\n display: flex !important;\n }\n\n .pager-widget .inline {\n display: inline !important;\n }\n\n .pager-widget .inline-block {\n display: inline-block !important;\n }\n\n .pager-widget .inline-flex {\n display: inline-flex !important;\n }\n\n .pager-widget .table {\n display: table !important;\n }\n\n .pager-widget .\\!h-6 {\n height: 1.5rem !important;\n }\n\n .pager-widget .\\!h-7 {\n height: 1.75rem !important;\n }\n\n .pager-widget .h-1 {\n height: .25rem !important;\n }\n\n .pager-widget .h-2 {\n height: .5rem !important;\n }\n\n .pager-widget .h-2\\.5 {\n height: .625rem !important;\n }\n\n .pager-widget .h-3 {\n height: .75rem !important;\n }\n\n .pager-widget .h-3\\.5 {\n height: .875rem !important;\n }\n\n .pager-widget .h-4 {\n height: 1rem !important;\n }\n\n .pager-widget .h-5 {\n height: 1.25rem !important;\n }\n\n .pager-widget .h-6 {\n height: 1.5rem !important;\n }\n\n .pager-widget .h-7 {\n height: 1.75rem !important;\n }\n\n .pager-widget .h-8 {\n height: 2rem !important;\n }\n\n .pager-widget .h-9 {\n height: 2.25rem !important;\n }\n\n .pager-widget .h-12 {\n height: 3rem !important;\n }\n\n .pager-widget .h-32 {\n height: 8rem !important;\n }\n\n .pager-widget .h-\\[10px\\] {\n height: 10px !important;\n }\n\n .pager-widget .h-\\[14px\\] {\n height: 14px !important;\n }\n\n .pager-widget .h-\\[16px\\] {\n height: 16px !important;\n }\n\n .pager-widget .h-\\[18px\\] {\n height: 18px !important;\n }\n\n .pager-widget .h-\\[22px\\] {\n height: 22px !important;\n }\n\n .pager-widget .h-\\[24px\\] {\n height: 24px !important;\n }\n\n .pager-widget .h-\\[30px\\] {\n height: 30px !important;\n }\n\n .pager-widget .h-\\[32\\] {\n height: 32px !important;\n }\n\n .pager-widget .h-\\[40\\%\\] {\n height: 40% !important;\n }\n\n .pager-widget .h-\\[40px\\] {\n height: 40px !important;\n }\n\n .pager-widget .h-\\[50px\\] {\n height: 50px !important;\n }\n\n .pager-widget .h-\\[58px\\] {\n height: 58px !important;\n }\n\n .pager-widget .h-\\[58vh\\] {\n height: 58vh !important;\n }\n\n .pager-widget .h-\\[60px\\] {\n height: 60px !important;\n }\n\n .pager-widget .h-\\[64vh\\] {\n height: 64vh !important;\n }\n\n .pager-widget .h-\\[70vh\\] {\n height: 70vh !important;\n }\n\n .pager-widget .h-\\[80px\\] {\n height: 80px !important;\n }\n\n .pager-widget .h-\\[90\\%\\] {\n height: 90% !important;\n }\n\n .pager-widget .h-\\[93\\%\\] {\n height: 93% !important;\n }\n\n .pager-widget .h-\\[94\\%\\] {\n height: 94% !important;\n }\n\n .pager-widget .h-\\[100px\\] {\n height: 100px !important;\n }\n\n .pager-widget .h-\\[120px\\] {\n height: 120px !important;\n }\n\n .pager-widget .h-\\[126px\\] {\n height: 126px !important;\n }\n\n .pager-widget .h-\\[140px\\] {\n height: 140px !important;\n }\n\n .pager-widget .h-\\[160px\\] {\n height: 160px !important;\n }\n\n .pager-widget .h-\\[250px\\] {\n height: 250px !important;\n }\n\n .pager-widget .h-\\[300px\\] {\n height: 300px !important;\n }\n\n .pager-widget .h-\\[calc\\(100\\%-80px\\)\\] {\n height: calc(100% - 80px) !important;\n }\n\n .pager-widget .h-full {\n height: 100% !important;\n }\n\n .pager-widget .h-max {\n height: max-content !important;\n }\n\n .pager-widget .h-px {\n height: 1px !important;\n }\n\n .pager-widget .max-h-8 {\n max-height: 2rem !important;\n }\n\n .pager-widget .max-h-48 {\n max-height: 12rem !important;\n }\n\n .pager-widget .max-h-\\[200px\\] {\n max-height: 200px !important;\n }\n\n .pager-widget .min-h-\\[36px\\] {\n min-height: 36px !important;\n }\n\n .pager-widget .min-h-max {\n min-height: max-content !important;\n }\n\n .pager-widget .w-1 {\n width: .25rem !important;\n }\n\n .pager-widget .w-2 {\n width: .5rem !important;\n }\n\n .pager-widget .w-2\\/3 {\n width: 66.6667% !important;\n }\n\n .pager-widget .w-3 {\n width: .75rem !important;\n }\n\n .pager-widget .w-3\\.5 {\n width: .875rem !important;\n }\n\n .pager-widget .w-4 {\n width: 1rem !important;\n }\n\n .pager-widget .w-5 {\n width: 1.25rem !important;\n }\n\n .pager-widget .w-6 {\n width: 1.5rem !important;\n }\n\n .pager-widget .w-8 {\n width: 2rem !important;\n }\n\n .pager-widget .w-90 {\n width: 22.5rem !important;\n }\n\n .pager-widget .w-\\[10px\\] {\n width: 10px !important;\n }\n\n .pager-widget .w-\\[14px\\] {\n width: 14px !important;\n }\n\n .pager-widget .w-\\[16px\\] {\n width: 16px !important;\n }\n\n .pager-widget .w-\\[18px\\] {\n width: 18px !important;\n }\n\n .pager-widget .w-\\[22px\\] {\n width: 22px !important;\n }\n\n .pager-widget .w-\\[24px\\] {\n width: 24px !important;\n }\n\n .pager-widget .w-\\[30px\\] {\n width: 30px !important;\n }\n\n .pager-widget .w-\\[58px\\] {\n width: 58px !important;\n }\n\n .pager-widget .w-\\[60px\\] {\n width: 60px !important;\n }\n\n .pager-widget .w-\\[80px\\] {\n width: 80px !important;\n }\n\n .pager-widget .w-\\[81\\.86px\\] {\n width: 81.86px !important;\n }\n\n .pager-widget .w-\\[86\\%\\] {\n width: 86% !important;\n }\n\n .pager-widget .w-\\[90\\%\\] {\n width: 90% !important;\n }\n\n .pager-widget .w-\\[91\\%\\] {\n width: 91% !important;\n }\n\n .pager-widget .w-\\[93\\%\\] {\n width: 93% !important;\n }\n\n .pager-widget .w-\\[100\\%\\] {\n width: 100% !important;\n }\n\n .pager-widget .w-\\[100px\\] {\n width: 100px !important;\n }\n\n .pager-widget .w-\\[120px\\] {\n width: 120px !important;\n }\n\n .pager-widget .w-\\[126px\\] {\n width: 126px !important;\n }\n\n .pager-widget .w-\\[140px\\] {\n width: 140px !important;\n }\n\n .pager-widget .w-\\[148px\\] {\n width: 148px !important;\n }\n\n .pager-widget .w-\\[160px\\] {\n width: 160px !important;\n }\n\n .pager-widget .w-\\[250px\\] {\n width: 250px !important;\n }\n\n .pager-widget .w-\\[280px\\] {\n width: 280px !important;\n }\n\n .pager-widget .w-\\[289px\\] {\n width: 289px !important;\n }\n\n .pager-widget .w-\\[300px\\] {\n width: 300px !important;\n }\n\n .pager-widget .w-\\[auto\\] {\n width: auto !important;\n }\n\n .pager-widget .w-\\[calc\\(100\\%-40px\\)\\] {\n width: calc(100% - 40px) !important;\n }\n\n .pager-widget .w-\\[calc\\(100vw-80px\\)\\] {\n width: calc(100vw - 80px) !important;\n }\n\n .pager-widget .w-auto {\n width: auto !important;\n }\n\n .pager-widget .w-fit {\n width: fit-content !important;\n }\n\n .pager-widget .w-full {\n width: 100% !important;\n }\n\n .pager-widget .w-max {\n width: max-content !important;\n }\n\n .pager-widget .max-w-\\[80\\%\\] {\n max-width: 80% !important;\n }\n\n .pager-widget .max-w-\\[280px\\] {\n max-width: 280px !important;\n }\n\n .pager-widget .max-w-\\[533px\\] {\n max-width: 533px !important;\n }\n\n .pager-widget .max-w-max {\n max-width: max-content !important;\n }\n\n .pager-widget .max-w-md {\n max-width: 28rem !important;\n }\n\n .pager-widget .min-w-\\[400px\\] {\n min-width: 400px !important;\n }\n\n .pager-widget .min-w-full {\n min-width: 100% !important;\n }\n\n .pager-widget .flex-1 {\n flex: 1 !important;\n }\n\n .pager-widget .flex-\\[0_0_auto\\] {\n flex: none !important;\n }\n\n .pager-widget .grow {\n flex-grow: 1 !important;\n }\n\n .pager-widget .border-collapse {\n border-collapse: collapse !important;\n }\n\n .pager-widget .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1) !important;\n }\n\n .pager-widget .-translate-x-1, .pager-widget .-translate-x-1\\/2 {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .-translate-x-1\\/2 {\n --tw-translate-x: -50% !important;\n }\n\n .pager-widget .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0) !important;\n }\n\n .pager-widget .translate-x-0, .pager-widget .translate-x-\\[-50\\%\\] {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50% !important;\n }\n\n .pager-widget .-translate-y-1\\/2 {\n --tw-translate-y: -50% !important;\n }\n\n .pager-widget .-translate-y-1\\/2, .pager-widget .translate-y-1 {\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * 1) !important;\n }\n\n .pager-widget .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50% !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n\n .pager-widget .scale-95 {\n --tw-scale-x: 95% !important;\n --tw-scale-y: 95% !important;\n --tw-scale-z: 95% !important;\n }\n\n .pager-widget .scale-100, .pager-widget .scale-95 {\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n\n .pager-widget .scale-100 {\n --tw-scale-x: 100% !important;\n --tw-scale-y: 100% !important;\n --tw-scale-z: 100% !important;\n }\n\n .pager-widget .rotate-45 {\n rotate: 45deg !important;\n }\n\n .pager-widget .cursor-pointer {\n cursor: pointer !important;\n }\n\n .pager-widget .resize {\n resize: both !important;\n }\n\n .pager-widget .appearance-none {\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n }\n\n .pager-widget .flex-col {\n flex-direction: column !important;\n }\n\n .pager-widget .flex-wrap {\n flex-wrap: wrap !important;\n }\n\n .pager-widget .items-baseline {\n align-items: baseline !important;\n }\n\n .pager-widget .items-center {\n align-items: center !important;\n }\n\n .pager-widget .items-end {\n align-items: flex-end !important;\n }\n\n .pager-widget .items-start {\n align-items: flex-start !important;\n }\n\n .pager-widget .justify-between {\n justify-content: space-between !important;\n }\n\n .pager-widget .justify-center {\n justify-content: center !important;\n }\n\n .pager-widget .justify-end {\n justify-content: flex-end !important;\n }\n\n .pager-widget .justify-start {\n justify-content: flex-start !important;\n }\n\n .pager-widget .gap-1 {\n gap: .25rem !important;\n }\n\n .pager-widget .gap-1\\.5 {\n gap: .375rem !important;\n }\n\n .pager-widget .gap-2 {\n gap: .5rem !important;\n }\n\n .pager-widget .gap-2\\.5 {\n gap: .625rem !important;\n }\n\n .pager-widget .gap-3 {\n gap: .75rem !important;\n }\n\n .pager-widget .gap-4 {\n gap: 1rem !important;\n }\n\n .pager-widget .gap-5 {\n gap: 1.25rem !important;\n }\n\n .pager-widget .gap-8 {\n gap: 2rem !important;\n }\n\n .pager-widget .gap-10 {\n gap: 2.5rem !important;\n }\n\n .pager-widget .gap-\\[5px\\] {\n gap: 5px !important;\n }\n\n .pager-widget .gap-\\[18px\\] {\n gap: 18px !important;\n }\n\n .pager-widget .space-y-2 {\n .pager-widget :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(.5rem * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(.5rem * (1 - var(--tw-space-y-reverse))) !important;\n }\n }\n\n .pager-widget .space-y-4 {\n .pager-widget :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(1rem * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(1rem * (1 - var(--tw-space-y-reverse))) !important;\n }\n }\n\n .pager-widget .self-stretch {\n align-self: stretch !important;\n }\n\n .pager-widget .truncate {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n }\n\n .pager-widget .overflow-auto {\n overflow: auto !important;\n }\n\n .pager-widget .overflow-hidden {\n overflow: hidden !important;\n }\n\n .pager-widget .overflow-y-auto {\n overflow-y: auto !important;\n }\n\n .pager-widget .overflow-y-scroll {\n overflow-y: scroll !important;\n }\n\n .pager-widget .rounded-2xl {\n border-radius: 1rem !important;\n }\n\n .pager-widget .rounded-\\[10px\\] {\n border-radius: 10px !important;\n }\n\n .pager-widget .rounded-\\[22px\\] {\n border-radius: 22px !important;\n }\n\n .pager-widget .rounded-full {\n border-radius: 3.40282e38px !important;\n }\n\n .pager-widget .rounded-lg {\n border-radius: 8px !important;\n }\n\n .pager-widget .rounded-md {\n border-radius: .375rem !important;\n }\n\n .pager-widget .rounded-sm {\n border-radius: .25rem !important;\n }\n\n .pager-widget .rounded-xl {\n border-radius: .75rem !important;\n }\n\n .pager-widget .rounded-t-\\[22px\\] {\n border-top-left-radius: 22px !important;\n border-top-right-radius: 22px !important;\n }\n\n .pager-widget .rounded-l-lg {\n border-top-left-radius: 8px !important;\n border-bottom-left-radius: 8px !important;\n }\n\n .pager-widget .rounded-tl-md {\n border-top-left-radius: .375rem !important;\n }\n\n .pager-widget .rounded-r-lg {\n border-top-right-radius: 8px !important;\n border-bottom-right-radius: 8px !important;\n }\n\n .pager-widget .rounded-tr-md {\n border-top-right-radius: .375rem !important;\n }\n\n .pager-widget .border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n\n .pager-widget .border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n\n .pager-widget .border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n\n .pager-widget .border-r-0 {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 0 !important;\n }\n\n .pager-widget .border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n\n .pager-widget .border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n\n .pager-widget .border-none {\n --tw-border-style: none !important;\n border-style: none !important;\n }\n\n .pager-widget .border-solid {\n --tw-border-style: solid !important;\n border-style: solid !important;\n }\n\n .pager-widget .border-\\[\\#52525C\\] {\n border-color: #52525c !important;\n }\n\n .pager-widget .border-\\[\\#E4E7EC\\] {\n border-color: #e4e7ec !important;\n }\n\n .pager-widget .border-\\[\\#e17100\\] {\n border-color: #e17100 !important;\n }\n\n .pager-widget .border-black {\n border-color: #000 !important;\n }\n\n .pager-widget .border-gray-200 {\n border-color: #e5e7eb !important;\n }\n\n .pager-widget .border-gray-300 {\n border-color: #d1d5dc !important;\n }\n\n .pager-widget .border-red-500 {\n border-color: #fb2c36 !important;\n }\n\n .pager-widget .border-slate-200 {\n border-color: #e2e8f0 !important;\n }\n\n .pager-widget .border-slate-300 {\n border-color: #cad5e2 !important;\n }\n\n .pager-widget .border-zinc-100 {\n border-color: #f4f4f5 !important;\n }\n\n .pager-widget .border-zinc-200 {\n border-color: #e4e4e7 !important;\n }\n\n .pager-widget .border-zinc-300 {\n border-color: #d4d4d8 !important;\n }\n\n .pager-widget .\\!bg-white {\n background-color: #fff !important;\n }\n\n .pager-widget .bg-\\[\\#4B2FFF\\], .pager-widget .bg-\\[\\#4b2fff\\] {\n background-color: #4b2fff !important;\n }\n\n .pager-widget .bg-\\[\\#9f9fa9\\] {\n background-color: #9f9fa9 !important;\n }\n\n .pager-widget .bg-\\[\\#14161A\\] {\n background-color: #14161a !important;\n }\n\n .pager-widget .bg-\\[\\#F4F4F5\\] {\n background-color: #f4f4f5 !important;\n }\n\n .pager-widget .bg-\\[\\#f9fafb\\] {\n background-color: #f9fafb !important;\n }\n\n .pager-widget .bg-\\[\\#fef3c6\\] {\n background-color: #fef3c6 !important;\n }\n\n .pager-widget .bg-\\[red\\] {\n background-color: red !important;\n }\n\n .pager-widget .bg-black {\n background-color: #000 !important;\n }\n\n .pager-widget .bg-gray-100 {\n background-color: #f3f4f6 !important;\n }\n\n .pager-widget .bg-gray-200 {\n background-color: #e5e7eb !important;\n }\n\n .pager-widget .bg-white {\n background-color: #fff !important;\n }\n\n .pager-widget .bg-zinc-50 {\n background-color: #fafafa !important;\n }\n\n .pager-widget .bg-zinc-100 {\n background-color: #f4f4f5 !important;\n }\n\n .pager-widget .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n\n .pager-widget .from-\\[\\#564CFF\\] {\n --tw-gradient-from: #564cff !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n\n .pager-widget .via-\\[\\#EB582E\\] {\n --tw-gradient-via: #eb582e !important;\n --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops) !important;\n }\n\n .pager-widget .to-\\[\\#ECD906\\] {\n --tw-gradient-to: #ecd906 !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n\n .pager-widget .bg-cover {\n background-size: cover !important;\n }\n\n .pager-widget .bg-\\[100\\%_100\\%\\] {\n background-position: 100% 100% !important;\n }\n\n .pager-widget .bg-center {\n background-position: 50% !important;\n }\n\n .pager-widget .p-0 {\n padding: 0 !important;\n }\n\n .pager-widget .p-1 {\n padding: .25rem !important;\n }\n\n .pager-widget .p-1\\.5 {\n padding: .375rem !important;\n }\n\n .pager-widget .p-2 {\n padding: .5rem !important;\n }\n\n .pager-widget .p-3 {\n padding: .75rem !important;\n }\n\n .pager-widget .p-4 {\n padding: 1rem !important;\n }\n\n .pager-widget .p-5 {\n padding: 1.25rem !important;\n }\n\n .pager-widget .p-6 {\n padding: 1.5rem !important;\n }\n\n .pager-widget .p-\\[3\\.5px\\] {\n padding: 3.5px !important;\n }\n\n .pager-widget .p-\\[5px\\] {\n padding: 5px !important;\n }\n\n .pager-widget .px-0 {\n padding-inline: 0 !important;\n }\n\n .pager-widget .px-1 {\n padding-inline: .25rem !important;\n }\n\n .pager-widget .px-2 {\n padding-inline: .5rem !important;\n }\n\n .pager-widget .px-2\\.5 {\n padding-inline: .625rem !important;\n }\n\n .pager-widget .px-3\\.5 {\n padding-inline: .875rem !important;\n }\n\n .pager-widget .px-4 {\n padding-inline: 1rem !important;\n }\n\n .pager-widget .px-5 {\n padding-inline: 1.25rem !important;\n }\n\n .pager-widget .px-8 {\n padding-inline: 2rem !important;\n }\n\n .pager-widget .px-9 {\n padding-inline: 2.25rem !important;\n }\n\n .pager-widget .px-\\[26px\\] {\n padding-inline: 26px !important;\n }\n\n .pager-widget .py-0 {\n padding-block: 0 !important;\n }\n\n .pager-widget .py-0\\.5 {\n padding-block: .125rem !important;\n }\n\n .pager-widget .py-1 {\n padding-block: .25rem !important;\n }\n\n .pager-widget .py-1\\.5 {\n padding-block: .375rem !important;\n }\n\n .pager-widget .py-2 {\n padding-block: .5rem !important;\n }\n\n .pager-widget .py-2\\.5 {\n padding-block: .625rem !important;\n }\n\n .pager-widget .py-3 {\n padding-block: .75rem !important;\n }\n\n .pager-widget .py-\\[13px\\] {\n padding-block: 13px !important;\n }\n\n .pager-widget .py-\\[15px\\] {\n padding-block: 15px !important;\n }\n\n .pager-widget .pt-0\\.5 {\n padding-top: .125rem !important;\n }\n\n .pager-widget .pt-1 {\n padding-top: .25rem !important;\n }\n\n .pager-widget .pt-2 {\n padding-top: .5rem !important;\n }\n\n .pager-widget .pt-3 {\n padding-top: .75rem !important;\n }\n\n .pager-widget .pt-4 {\n padding-top: 1rem !important;\n }\n\n .pager-widget .pt-px {\n padding-top: 1px !important;\n }\n\n .pager-widget .\\!pr-4 {\n padding-right: 1rem !important;\n }\n\n .pager-widget .pr-0 {\n padding-right: 0 !important;\n }\n\n .pager-widget .pr-1 {\n padding-right: .25rem !important;\n }\n\n .pager-widget .pr-2\\.5 {\n padding-right: .625rem !important;\n }\n\n .pager-widget .pr-3 {\n padding-right: .75rem !important;\n }\n\n .pager-widget .pr-4 {\n padding-right: 1rem !important;\n }\n\n .pager-widget .pb-0\\.5 {\n padding-bottom: .125rem !important;\n }\n\n .pager-widget .pb-2\\.5 {\n padding-bottom: .625rem !important;\n }\n\n .pager-widget .pb-3 {\n padding-bottom: .75rem !important;\n }\n\n .pager-widget .pb-7 {\n padding-bottom: 1.75rem !important;\n }\n\n .pager-widget .pb-8 {\n padding-bottom: 2rem !important;\n }\n\n .pager-widget .pb-\\[70px\\] {\n padding-bottom: 70px !important;\n }\n\n .pager-widget .pl-2 {\n padding-left: .5rem !important;\n }\n\n .pager-widget .pl-3 {\n padding-left: .75rem !important;\n }\n\n .pager-widget .pl-3\\.5 {\n padding-left: .875rem !important;\n }\n\n .pager-widget .pl-5 {\n padding-left: 1.25rem !important;\n }\n\n .pager-widget .pl-10 {\n padding-left: 2.5rem !important;\n }\n\n .pager-widget .pl-\\[26px\\] {\n padding-left: 26px !important;\n }\n\n .pager-widget .text-center {\n text-align: center !important;\n }\n\n .pager-widget .text-left {\n text-align: left !important;\n }\n\n .pager-widget .text-start {\n text-align: start !important;\n }\n\n .pager-widget .font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important;\n }\n\n .pager-widget .text-2xl {\n font-size: 24px !important;\n }\n\n .pager-widget .text-\\[12px\\] {\n font-size: 12px !important;\n }\n\n .pager-widget .text-\\[length\\:var\\(--text-md-medium-font-size\\)\\] {\n font-size: var(--text-md-medium-font-size) !important;\n }\n\n .pager-widget .text-base {\n font-size: 16px !important;\n }\n\n .pager-widget .text-sm {\n font-size: 14px !important;\n }\n\n .pager-widget .text-xs {\n font-size: 12px !important;\n }\n\n .pager-widget .text-xss {\n font-size: 10px !important;\n }\n\n .pager-widget .leading-5 {\n --tw-leading: calc(var(--spacing) * 5) !important;\n line-height: 1.25rem !important;\n }\n\n .pager-widget .leading-6 {\n --tw-leading: calc(var(--spacing) * 6) !important;\n line-height: 1.5rem !important;\n }\n\n .pager-widget .leading-8 {\n --tw-leading: calc(var(--spacing) * 8) !important;\n line-height: 2rem !important;\n }\n\n .pager-widget .leading-\\[18px\\] {\n --tw-leading: 18px !important;\n line-height: 18px !important;\n }\n\n .pager-widget .leading-\\[var\\(--text-md-medium-line-height\\)\\] {\n --tw-leading: var(--text-md-medium-line-height) !important;\n line-height: var(--text-md-medium-line-height) !important;\n }\n\n .pager-widget .leading-relaxed {\n --tw-leading: var(--leading-relaxed) !important;\n line-height: 1.625 !important;\n }\n\n .pager-widget .font-\\[number\\:var\\(--text-md-medium-font-weight\\)\\] {\n --tw-font-weight: var(--text-md-medium-font-weight) !important;\n font-weight: var(--text-md-medium-font-weight) !important;\n }\n\n .pager-widget .font-bold {\n --tw-font-weight: var(--font-weight-bold) !important;\n font-weight: 700 !important;\n }\n\n .pager-widget .font-medium {\n --tw-font-weight: var(--font-weight-medium) !important;\n font-weight: 500 !important;\n }\n\n .pager-widget .font-normal {\n --tw-font-weight: var(--font-weight-normal) !important;\n font-weight: 400 !important;\n }\n\n .pager-widget .font-semibold {\n --tw-font-weight: var(--font-weight-semibold) !important;\n font-weight: 600 !important;\n }\n\n .pager-widget .tracking-\\[0\\] {\n --tw-tracking: 0 !important;\n letter-spacing: 0 !important;\n }\n\n .pager-widget .tracking-\\[0px\\] {\n --tw-tracking: 0px !important;\n letter-spacing: 0 !important;\n }\n\n .pager-widget .tracking-\\[var\\(--text-md-medium-letter-spacing\\)\\] {\n --tw-tracking: var(--text-md-medium-letter-spacing) !important;\n letter-spacing: var(--text-md-medium-letter-spacing) !important;\n }\n\n .pager-widget .text-wrap {\n text-wrap: wrap !important;\n }\n\n .pager-widget .text-ellipsis {\n text-overflow: ellipsis !important;\n }\n\n .pager-widget .whitespace-nowrap {\n white-space: nowrap !important;\n }\n\n .pager-widget .whitespace-pre {\n white-space: pre !important;\n }\n\n .pager-widget .whitespace-pre-wrap {\n white-space: pre-wrap !important;\n }\n\n .pager-widget .text-\\[\\#1a1a1a\\] {\n color: #1a1a1a !important;\n }\n\n .pager-widget .text-\\[\\#1d293d\\] {\n color: #1d293d !important;\n }\n\n .pager-widget .text-\\[\\#4B2FFF\\] {\n color: #4b2fff !important;\n }\n\n .pager-widget .text-\\[\\#90A1B9\\] {\n color: #90a1b9 !important;\n }\n\n .pager-widget .text-\\[\\#020618\\] {\n color: #020618 !important;\n }\n\n .pager-widget .text-\\[\\#45556C\\], .pager-widget .text-\\[\\#45556c\\] {\n color: #45556c !important;\n }\n\n .pager-widget .text-\\[\\#62748E\\], .pager-widget .text-\\[\\#62748e\\] {\n color: #62748e !important;\n }\n\n .pager-widget .text-\\[\\#314158\\] {\n color: #314158 !important;\n }\n\n .pager-widget .text-\\[\\#FFFFFF\\], .pager-widget .text-\\[\\#fff\\] {\n color: #fff !important;\n }\n\n .pager-widget .text-amber-700 {\n color: #bb4d00 !important;\n }\n\n .pager-widget .text-black {\n color: #000 !important;\n }\n\n .pager-widget .text-blue-700 {\n color: #1447e6 !important;\n }\n\n .pager-widget .text-gray-400 {\n color: #99a1af !important;\n }\n\n .pager-widget .text-gray-500 {\n color: #6a7282 !important;\n }\n\n .pager-widget .text-gray-600 {\n color: #4a5565 !important;\n }\n\n .pager-widget .text-gray-700 {\n color: #364153 !important;\n }\n\n .pager-widget .text-green-500 {\n color: #00c950 !important;\n }\n\n .pager-widget .text-green-600 {\n color: #00a63e !important;\n }\n\n .pager-widget .text-red-500 {\n color: #fb2c36 !important;\n }\n\n .pager-widget .text-slate-400 {\n color: #90a1b9 !important;\n }\n\n .pager-widget .text-slate-500 {\n color: #62748e !important;\n }\n\n .pager-widget .text-slate-600 {\n color: #45556c !important;\n }\n\n .pager-widget .text-slate-700 {\n color: #314158 !important;\n }\n\n .pager-widget .text-slate-950 {\n color: #020618 !important;\n }\n\n .pager-widget .text-white {\n color: #fff !important;\n }\n\n .pager-widget .\\[font-style\\:var\\(--text-md-medium-font-style\\)\\] {\n font-style: var(--text-md-medium-font-style) !important;\n }\n\n .pager-widget .italic {\n font-style: italic !important;\n }\n\n .pager-widget .line-through {\n text-decoration-line: line-through !important;\n }\n\n .pager-widget .underline {\n text-decoration-line: underline !important;\n }\n\n .pager-widget .placeholder-\\[\\#62748e\\] {\n .pager-widget &::-moz-placeholder {\n color: #62748e !important;\n }\n\n .pager-widget &::placeholder {\n color: #62748e !important;\n }\n }\n\n .pager-widget .opacity-0 {\n opacity: 0 !important;\n }\n\n .pager-widget .opacity-50 {\n opacity: .5 !important;\n }\n\n .pager-widget .opacity-90 {\n opacity: .9 !important;\n }\n\n .pager-widget .opacity-100 {\n opacity: 1 !important;\n }\n\n .pager-widget .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-all {\n transition-property: all !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-duration: .15s !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .duration-150 {\n --tw-duration: .15s !important;\n transition-duration: .15s !important;\n }\n\n .pager-widget .duration-200 {\n --tw-duration: .2s !important;\n transition-duration: .2s !important;\n }\n\n .pager-widget .duration-300 {\n --tw-duration: .3s !important;\n transition-duration: .3s !important;\n }\n\n .pager-widget .duration-800 {\n --tw-duration: .8s !important;\n transition-duration: .8s !important;\n }\n\n .pager-widget .ease-in-out {\n --tw-ease: var(--ease-in-out) !important;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;\n }\n\n .pager-widget .ease-out {\n --tw-ease: var(--ease-out) !important;\n transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;\n }\n\n .pager-widget .outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n\n .pager-widget .group-hover\\:pointer-events-auto {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n pointer-events: auto !important;\n }\n }\n }\n\n .pager-widget .group-hover\\:translate-y-0 {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n --tw-translate-y: calc(var(--spacing) * 0) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n }\n }\n\n .pager-widget .group-hover\\:opacity-100 {\n .pager-widget &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 1 !important;\n }\n }\n }\n\n .pager-widget .hover\\:scale-105 {\n .pager-widget &:hover {\n @media (hover: hover) {\n --tw-scale-x: 105% !important;\n --tw-scale-y: 105% !important;\n --tw-scale-z: 105% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n }\n }\n\n .pager-widget .hover\\:border-\\[\\#4b2fff\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n border-color: #4b2fff !important;\n }\n }\n }\n\n .pager-widget .hover\\:border-zinc-500 {\n .pager-widget &:hover {\n @media (hover: hover) {\n border-color: #71717b !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-\\[\\#3f25e8\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #3f25e8 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-\\[\\#4b2fff\\]\\/90 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: oklab(50.6449% .0278989 -.278518 / .9) !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-gray-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f3f4f6 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-slate-50 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f8fafc !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-slate-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #f1f5f9 !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-white\\/10 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: oklab(100% 0 5.96046e-8 / .1) !important;\n }\n }\n }\n\n .pager-widget .hover\\:bg-zinc-200 {\n .pager-widget &:hover {\n @media (hover: hover) {\n background-color: #e4e4e7 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-\\[\\#4B2FFF\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #4b2fff !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-\\[\\#3517f7\\] {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #3517f7 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-slate-700 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #314158 !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-slate-800 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #1d293d !important;\n }\n }\n }\n\n .pager-widget .hover\\:text-zinc-500 {\n .pager-widget &:hover {\n @media (hover: hover) {\n color: #71717b !important;\n }\n }\n }\n\n .pager-widget .hover\\:opacity-100 {\n .pager-widget &:hover {\n @media (hover: hover) {\n opacity: 1 !important;\n }\n }\n }\n\n .pager-widget .focus\\:border-transparent {\n .pager-widget &:focus {\n border-color: #0000 !important;\n }\n }\n\n .pager-widget .focus\\:ring-2 {\n .pager-widget &:focus {\n --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n\n .pager-widget .focus\\:ring-blue-500 {\n .pager-widget &:focus {\n --tw-ring-color: #2b7fff !important;\n }\n }\n\n .pager-widget .focus\\:ring-red-500 {\n .pager-widget &:focus {\n --tw-ring-color: #fb2c36 !important;\n }\n }\n\n .pager-widget .focus\\:outline-none {\n .pager-widget &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n\n .pager-widget .active\\:scale-95 {\n .pager-widget &:active {\n --tw-scale-x: 95% !important;\n --tw-scale-y: 95% !important;\n --tw-scale-z: 95% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n }\n}\n\n.pager-widget {\n pointer-events: auto;\n font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n}\n\n.pager-widget-root .bg-img-chat {\n background-position: 50%;\n background-size: cover;\n}\n\n.pager-widget-root .bg-gradient-clor {\n background: linear-gradient(#ffd66e, #4cff94) !important;\n}\n\n.pager-widget-root ul {\n font-size: 14px;\n}\n\n.pager-widget-root ul ul {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.pager-widget-root ul {\n padding-left: 20px;\n list-style-type: disc;\n}\n\n.pager-widget-root ul ul {\n padding-left: 20px;\n list-style-type: circle;\n}\n\n.pager-widget-root ul ul li {\n list-style-type: circle;\n}\n\n.pager-widget-root ol {\n font-size: 14px;\n}\n\n.pager-widget-root ol ol {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.pager-widget-root ol {\n padding-left: 20px;\n list-style-type: decimal;\n}\n\n.pager-widget-root ol ol {\n padding-left: 20px;\n}\n\n.pager-widget-root ol ol, .pager-widget-root ol ol li {\n list-style-type: lower-alpha;\n}\n\n.pager-widget-root ol li, .pager-widget-root ol ol li, .pager-widget-root ul li {\n padding-bottom: 4px;\n}\n\n.pager-widget-root .three-dot-typing {\n margin: 0;\n padding: 0;\n}\n\n.pager-widget-root .typing-dots {\n justify-content: center;\n align-items: center;\n height: auto;\n margin: 0;\n padding: 0;\n display: flex;\n}\n\n.pager-widget-root .dot {\n background-color: #564cff;\n border-radius: 50%;\n width: 6px;\n height: 6px;\n margin: 0 3px;\n animation: 1.4s infinite both blink;\n}\n\n.pager-widget-root .dot:nth-child(2) {\n animation-delay: .2s;\n}\n\n.pager-widget-root .dot:nth-child(3) {\n animation-delay: .4s;\n}\n\n@keyframes blink {\n 0%, 80%, to {\n opacity: 0;\n }\n\n 40% {\n opacity: 1;\n }\n}\n\n.pager-widget-root .box-shadow-widget {\n box-shadow: 0 5px 40px #0f0f0f29;\n}\n\n.pager-widget-root .widget-expand-animation {\n transition: all .3s cubic-bezier(.4, 0, .2, 1);\n}\n\n.pager-widget-root .chat-area-height {\n height: calc(100% - 60px);\n max-height: calc(100% - 60px);\n overflow: hidden;\n}\n\n@keyframes slideInRight {\n 0% {\n opacity: 0;\n transform: translateX(16px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRightSlow {\n 0% {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.pager-widget-root .animate-slide-in-right {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) .1s backwards slideInRight;\n transform: translateX(0);\n}\n\n.pager-widget-root .animate-slide-in-right-slow {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards slideInRightSlow;\n transform: translateX(0);\n}\n\n@keyframes slideInLeft {\n 0% {\n opacity: 0;\n transform: translateX(-8px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInLeftSlow {\n 0% {\n opacity: 0;\n transform: translateX(-8px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.pager-widget-root .animate-slide-in-left {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) .1s backwards slideInLeft;\n transform: translateX(0);\n}\n\n.pager-widget-root .animate-slide-in-left-slow {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards slideInLeftSlow;\n transform: translateX(0);\n}\n\n@keyframes widget-pop-in {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.pager-widget-root .widget-pop-in {\n opacity: 1;\n animation: .5s cubic-bezier(.23, 1, .32, 1) backwards widget-pop-in;\n transform: translateY(0);\n}\n\n.pager-widget-root .chat-popup {\n opacity: 0;\n pointer-events: none;\n transform-origin: 100% 100%;\n z-index: 2147483000;\n background: #fff;\n transition: opacity .15s, transform .3s cubic-bezier(0, 1.2, 1, 1);\n overflow: hidden;\n transform: scale(.8);\n box-shadow: 0 5px 40px #0f0f0f29;\n}\n\n.pager-widget-root .chat-popup.active {\n opacity: 1;\n pointer-events: all;\n transform: scale(1);\n}\n\n.pager-widget-root .maximize-height {\n height: calc(100vh - 124px);\n}\n\n.pager-widget-root .markdown-parent-container {\n flex-direction: column;\n gap: 10px;\n font-size: 14px;\n line-height: 20px;\n display: flex;\n}\n\n.pager-widget-root .markdown-parent-container strong {\n font-weight: 700 !important;\n}\n\n.pager-widget-root .markdown-parent-container em {\n font-style: italic !important;\n}\n\n.pager-widget-root .markdown-parent-container u {\n text-decoration: underline !important;\n}\n\n.pager-widget-root .markdown-parent-container a {\n color: #353ced !important;\n text-decoration: underline !important;\n}\n\n.pager-widget-root .markdown-parent-container a:hover {\n color: #262bca !important;\n}\n\n.pager-widget-root .markdown-parent-container table {\n border-collapse: collapse;\n width: 100%;\n min-width: 100%;\n font-size: .875rem;\n}\n\n.pager-widget .markdown-table-wrapper {\n border: 1px solid #d1d5db;\n border-radius: .5rem;\n width: 100%;\n height: auto;\n max-height: 300px;\n overflow: auto;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table thead {\n z-index: 10;\n background-color: #f3f4f6;\n position: sticky;\n top: 0;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table th {\n text-align: left;\n white-space: nowrap;\n border-bottom: 1px solid #d1d5db;\n padding: .5rem 1rem;\n font-size: .875rem;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table tbody tr {\n background-color: #fff;\n}\n\n.pager-widget-root .markdown-parent-container .markdown-table-wrapper table td {\n white-space: nowrap;\n border-bottom: 1px solid #e5e7eb;\n padding: .5rem 1rem;\n font-size: .875rem;\n}\n\n.pager-widget-root .bottom-gradient-recent-list {\n pointer-events: none;\n text-align: center;\n z-index: 40;\n background: linear-gradient(0deg, #fff, #fff0);\n border-radius: 0 0 6px 6px;\n justify-content: center;\n align-items: center;\n height: 90px;\n display: flex;\n position: absolute;\n bottom: 58px;\n left: 0;\n right: 0;\n}\n\n.pager-widget-root .bg-widget-home-light-top {\n background: linear-gradient(0deg, #000c, #0006, #0000);\n}\n\n.pager-widget-root .bg-widget-home-dark-top {\n background: linear-gradient(0deg, #0000, #0006, #000c);\n}\n\n.pager-widget-root .font-medium {\n font-weight: 500 !important;\n}\n\n.pager-widget-root .font-regular {\n font-weight: 400 !important;\n}\n\n.pager-widget-root .font-semiBold {\n font-weight: 600 !important;\n}\n\n.pager-widget-root .font-bold {\n font-weight: 700 !important;\n}\n\n.pager-widget-root .no-animation {\n animation: none !important;\n}\n\n.pager-widget .contact-tooltip {\n cursor: pointer;\n opacity: 0;\n pointer-events: none;\n border-radius: 8px;\n width: max-content;\n transition: all .4s;\n}\n\n.pager-widget .contact-tooltip:hover.visible {\n animation-play-state: paused;\n}\n\n.pager-widget .contact-tooltip.visible {\n opacity: 1;\n pointer-events: all;\n animation: .4s forwards tooltipPop, .3s .9s both gentleShake, 10s linear 1.2s infinite repeatShake;\n}\n\n@keyframes repeatShake {\n 0%, to {\n transform: translateY(-15%)translateX(0);\n }\n\n 25% {\n transform: translateY(-20%)translateX(-4px);\n }\n\n 50% {\n transform: translateY(-15%)translateX(0);\n }\n\n 75% {\n transform: translateY(-20%)translateX(4px);\n }\n}\n\n@keyframes tooltipPop {\n 0% {\n opacity: 0;\n transform: translateY(-10%)translateX(10px)scale(.9);\n }\n\n to {\n opacity: 1;\n transform: translateY(-20%)translateX(0)scale(1);\n }\n}\n\n@keyframes gentleShake {\n 0%, to {\n transform: translateY(-15%)translateX(0);\n }\n\n 25% {\n transform: translateY(-20%)translateX(-4px);\n }\n\n 50% {\n transform: translateY(-15%)translateX(0);\n }\n\n 75% {\n transform: translateY(-20%)translateX(4px);\n }\n}\n\n@media (width <= 600px) {\n .pager-widget .contact-tooltip {\n bottom: 60%;\n right: 60px;\n }\n}\n\n.pager-widget .floating-chip-hover {\n filter: drop-shadow(0 8px 18px #00000014);\n box-shadow: 0 3px 7px #00000040;\n}\n\n.pager-widget .animated-gradient-bg-thought {\n background: repeating-linear-gradient(90deg, #43b5ef33, #7173f433 25%, #fc69b733 50%, #fcc66933 75%, #43b5ef33) 0 0 / 800% 100%;\n animation: 2s linear infinite gradientWave;\n}\n\n@keyframes gradientWave {\n 0% {\n background-position-x: 0;\n }\n\n to {\n background-position-x: 100%;\n }\n}\n\n.pager-widget .selva-qwer {\n box-shadow: 0 3px 7px #00000040;\n}\n\n.pager-widget .custom-tooltip {\n opacity: 0;\n pointer-events: none;\n will-change: opacity, transform;\n transition: opacity .2s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);\n transform: translateY(6px)scale(.9);\n}\n\n.pager-widget .custom-tooltip.custom-tooltip--visible {\n opacity: 1;\n transform: translateY(0)scale(1);\n}\n\n.pager-widget .custom-tooltip .rotate-45 {\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pager-widget .custom-tooltip {\n transition: none;\n }\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ease {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";
1880
1880
 
1881
1881
  },{}],"3VLq5":[function(require,module,exports,__globalThis) {
1882
1882
  var $parcel$ReactRefreshHelpers$161e = require("@parcel/transformer-react-refresh-wrap/lib/helpers/helpers.js");
@@ -4067,7 +4067,7 @@ const RecentMessageTab = ()=>{
4067
4067
  ;
4068
4068
  return /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _jsxDevRuntime.Fragment), {
4069
4069
  children: hasRecentConversation && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
4070
- className: `w-full flex items-center gap-2.5 pl-5 pr-4 py-3 rounded-xl bg-white cursor-pointer`,
4070
+ className: `w-full flex items-center gap-2.5 pl-5 pr-4 py-3 rounded-xl bg-white cursor-pointer max-h-[200px]`,
4071
4071
  onMouseEnter: ()=>setIsHovered(true),
4072
4072
  onMouseLeave: ()=>setIsHovered(false),
4073
4073
  onClick: ()=>(0, _widgetStore.widgetStore).trigger.selectTab({
@@ -214027,9 +214027,6 @@ isExpanded, recentConversation })=>{
214027
214027
  return /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _jsxDevRuntime.Fragment), {
214028
214028
  children: /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _chatPageContent.ChatPageContent), {
214029
214029
  toggleWidget: toggleWidget,
214030
- // setIsHomeScreen={setIsHomeScreen}
214031
- // setSwitchTab={setSwitchTab}
214032
- // setIsExpanded={setIsExpanded}
214033
214030
  isExpanded: isExpanded,
214034
214031
  recentConversation: recentConversation
214035
214032
  }, void 0, false, {
@@ -214073,10 +214070,7 @@ var _chatPageHeader = require("./ChatPageHeader");
214073
214070
  var _widgetStore = require("./widgetStore");
214074
214071
  var _uuid = require("uuid");
214075
214072
  var _s = $RefreshSig$();
214076
- const ChatPageContent = ({ toggleWidget, // setIsHomeScreen,
214077
- // setSwitchTab,
214078
- // setIsExpanded,
214079
- isExpanded, recentConversation })=>{
214073
+ const ChatPageContent = ({ toggleWidget, isExpanded, recentConversation })=>{
214080
214074
  _s();
214081
214075
  const widget = (0, _widgetConfigStore2.useWidgetData)();
214082
214076
  const user1Details = (0, _widgetStore.useUserDetails)();
@@ -214131,30 +214125,16 @@ isExpanded, recentConversation })=>{
214131
214125
  typing,
214132
214126
  showTyping
214133
214127
  ]);
214134
- // useEffect(() => {
214135
- // if (
214136
- // initialMessage &&
214137
- // !hasSentRef.current &&
214138
- // messages.length > 0 &&
214139
- // typing === false
214140
- // ) {
214141
- // sendMessage(initialMessage);
214142
- // hasSentRef.current = true;
214143
- // }
214144
- // }, [messages, typing, initialMessage]);
214145
214128
  return /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _jsxDevRuntime.Fragment), {
214146
214129
  children: [
214147
214130
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _chatPageHeader.ChatPageHeader), {
214148
214131
  toggleWidget: toggleWidget,
214149
- // setIsHomeScreen={setIsHomeScreen}
214150
- // setSwitchTab={setSwitchTab}
214151
- // setIsExpanded={setIsExpanded}
214152
214132
  isExpanded: isExpanded,
214153
214133
  restart: restart,
214154
214134
  exit: exit
214155
214135
  }, void 0, false, {
214156
214136
  fileName: "src/ChatPageContent.tsx",
214157
- lineNumber: 130,
214137
+ lineNumber: 112,
214158
214138
  columnNumber: 13
214159
214139
  }, undefined),
214160
214140
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214178,28 +214158,28 @@ isExpanded, recentConversation })=>{
214178
214158
  children: widget?.data?.operating_hours_message
214179
214159
  }, void 0, false, {
214180
214160
  fileName: "src/ChatPageContent.tsx",
214181
- lineNumber: 152,
214161
+ lineNumber: 131,
214182
214162
  columnNumber: 45
214183
214163
  }, undefined)
214184
214164
  }, void 0, false, {
214185
214165
  fileName: "src/ChatPageContent.tsx",
214186
- lineNumber: 151,
214166
+ lineNumber: 130,
214187
214167
  columnNumber: 41
214188
214168
  }, undefined),
214189
214169
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _onscreenNotificationPopup.OnScreenNotificationPopup), {}, void 0, false, {
214190
214170
  fileName: "src/ChatPageContent.tsx",
214191
- lineNumber: 160,
214171
+ lineNumber: 139,
214192
214172
  columnNumber: 37
214193
214173
  }, undefined)
214194
214174
  ]
214195
214175
  }, void 0, true, {
214196
214176
  fileName: "src/ChatPageContent.tsx",
214197
- lineNumber: 149,
214177
+ lineNumber: 128,
214198
214178
  columnNumber: 33
214199
214179
  }, undefined)
214200
214180
  }, void 0, false, {
214201
214181
  fileName: "src/ChatPageContent.tsx",
214202
- lineNumber: 148,
214182
+ lineNumber: 127,
214203
214183
  columnNumber: 29
214204
214184
  }, undefined),
214205
214185
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214207,14 +214187,14 @@ isExpanded, recentConversation })=>{
214207
214187
  children: [
214208
214188
  widget.status === 'CONSENT_NEEDED' ? /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _consent.Consent), {}, void 0, false, {
214209
214189
  fileName: "src/ChatPageContent.tsx",
214210
- lineNumber: 166,
214190
+ lineNumber: 145,
214211
214191
  columnNumber: 33
214212
214192
  }, undefined) : null,
214213
214193
  conversationId && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _form.Form), {
214214
214194
  conversationId: conversationId
214215
214195
  }, void 0, false, {
214216
214196
  fileName: "src/ChatPageContent.tsx",
214217
- lineNumber: 169,
214197
+ lineNumber: 148,
214218
214198
  columnNumber: 33
214219
214199
  }, undefined),
214220
214200
  widget.status === 'ALLOW_MESSAGE' || widget.status === 'SESSION_EXITED' ? /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _jsxDevRuntime.Fragment), {
@@ -214226,7 +214206,7 @@ isExpanded, recentConversation })=>{
214226
214206
  setMessages: setMessages
214227
214207
  }, void 0, false, {
214228
214208
  fileName: "src/ChatPageContent.tsx",
214229
- lineNumber: 174,
214209
+ lineNumber: 153,
214230
214210
  columnNumber: 37
214231
214211
  }, undefined)
214232
214212
  }, void 0, false) : null,
@@ -214244,12 +214224,12 @@ isExpanded, recentConversation })=>{
214244
214224
  className: "w-auto h-6 text-white"
214245
214225
  }, void 0, false, {
214246
214226
  fileName: "src/ChatPageContent.tsx",
214247
- lineNumber: 193,
214227
+ lineNumber: 172,
214248
214228
  columnNumber: 49
214249
214229
  }, undefined)
214250
214230
  }, void 0, false, {
214251
214231
  fileName: "src/ChatPageContent.tsx",
214252
- lineNumber: 192,
214232
+ lineNumber: 171,
214253
214233
  columnNumber: 45
214254
214234
  }, undefined),
214255
214235
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214265,58 +214245,58 @@ isExpanded, recentConversation })=>{
214265
214245
  className: "dot"
214266
214246
  }, void 0, false, {
214267
214247
  fileName: "src/ChatPageContent.tsx",
214268
- lineNumber: 202,
214248
+ lineNumber: 181,
214269
214249
  columnNumber: 61
214270
214250
  }, undefined),
214271
214251
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
214272
214252
  className: "dot"
214273
214253
  }, void 0, false, {
214274
214254
  fileName: "src/ChatPageContent.tsx",
214275
- lineNumber: 203,
214255
+ lineNumber: 182,
214276
214256
  columnNumber: 61
214277
214257
  }, undefined),
214278
214258
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
214279
214259
  className: "dot"
214280
214260
  }, void 0, false, {
214281
214261
  fileName: "src/ChatPageContent.tsx",
214282
- lineNumber: 204,
214262
+ lineNumber: 183,
214283
214263
  columnNumber: 61
214284
214264
  }, undefined)
214285
214265
  ]
214286
214266
  }, void 0, true, {
214287
214267
  fileName: "src/ChatPageContent.tsx",
214288
- lineNumber: 201,
214268
+ lineNumber: 180,
214289
214269
  columnNumber: 57
214290
214270
  }, undefined)
214291
214271
  }, void 0, false, {
214292
214272
  fileName: "src/ChatPageContent.tsx",
214293
- lineNumber: 200,
214273
+ lineNumber: 179,
214294
214274
  columnNumber: 53
214295
214275
  }, undefined)
214296
214276
  }, void 0, false, {
214297
214277
  fileName: "src/ChatPageContent.tsx",
214298
- lineNumber: 199,
214278
+ lineNumber: 178,
214299
214279
  columnNumber: 49
214300
214280
  }, undefined)
214301
214281
  }, void 0, false, {
214302
214282
  fileName: "src/ChatPageContent.tsx",
214303
- lineNumber: 198,
214283
+ lineNumber: 177,
214304
214284
  columnNumber: 45
214305
214285
  }, undefined)
214306
214286
  ]
214307
214287
  }, void 0, true, {
214308
214288
  fileName: "src/ChatPageContent.tsx",
214309
- lineNumber: 191,
214289
+ lineNumber: 170,
214310
214290
  columnNumber: 41
214311
214291
  }, undefined)
214312
214292
  }, void 0, false, {
214313
214293
  fileName: "src/ChatPageContent.tsx",
214314
- lineNumber: 185,
214294
+ lineNumber: 164,
214315
214295
  columnNumber: 37
214316
214296
  }, undefined)
214317
214297
  }, void 0, false, {
214318
214298
  fileName: "src/ChatPageContent.tsx",
214319
- lineNumber: 184,
214299
+ lineNumber: 163,
214320
214300
  columnNumber: 33
214321
214301
  }, undefined),
214322
214302
  agentStatus !== null && widget.status === 'ALLOW_MESSAGE' && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214333,60 +214313,60 @@ isExpanded, recentConversation })=>{
214333
214313
  className: "w-auto h-6 text-white"
214334
214314
  }, void 0, false, {
214335
214315
  fileName: "src/ChatPageContent.tsx",
214336
- lineNumber: 224,
214316
+ lineNumber: 198,
214337
214317
  columnNumber: 53
214338
214318
  }, undefined)
214339
214319
  }, void 0, false, {
214340
214320
  fileName: "src/ChatPageContent.tsx",
214341
- lineNumber: 223,
214321
+ lineNumber: 197,
214342
214322
  columnNumber: 49
214343
214323
  }, undefined),
214344
214324
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
214345
- className: "ml-0.5 w-auto flex-col bg-zinc-100 gap-2.5 px-2 inline-flex items-center justify-center !h-6 relative rounded-lg animated-gradient-bg-thought",
214325
+ className: "ml-0.5 w-auto flex-col bg-zinc-100 gap-2.5 px-2 inline-flex items-center justify-center !h-6 relative rounded-md animated-gradient-bg-thought",
214346
214326
  children: /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
214347
214327
  className: "relative mt-[-1.00px] text-xs text-black font-regular w-full whitespace-nowrap",
214348
214328
  children: agentStatus === 'thinking' ? 'Thinking...' : agentStatus === 'finalizing_output' ? 'Preparing response...' : agentStatus === 'progress_done' ? 'Almost done...' : agentStatus === 'searching_kb' ? 'Searching knowledge...' : agentStatus === 'action_detected' ? 'Processing your request...' : agentStatus === 'validating_input_for_action' ? 'Validating...' : agentStatus === 'executing_action' ? 'Executing....' : agentStatus === 'analysing_response' ? 'Generating response...' : null
214349
214329
  }, void 0, false, {
214350
214330
  fileName: "src/ChatPageContent.tsx",
214351
- lineNumber: 233,
214331
+ lineNumber: 207,
214352
214332
  columnNumber: 53
214353
214333
  }, undefined)
214354
214334
  }, void 0, false, {
214355
214335
  fileName: "src/ChatPageContent.tsx",
214356
- lineNumber: 232,
214336
+ lineNumber: 206,
214357
214337
  columnNumber: 49
214358
214338
  }, undefined)
214359
214339
  ]
214360
214340
  }, void 0, true, {
214361
214341
  fileName: "src/ChatPageContent.tsx",
214362
- lineNumber: 222,
214342
+ lineNumber: 196,
214363
214343
  columnNumber: 45
214364
214344
  }, undefined)
214365
214345
  }, void 0, false, {
214366
214346
  fileName: "src/ChatPageContent.tsx",
214367
- lineNumber: 216,
214347
+ lineNumber: 195,
214368
214348
  columnNumber: 41
214369
214349
  }, undefined)
214370
214350
  }, void 0, false, {
214371
214351
  fileName: "src/ChatPageContent.tsx",
214372
- lineNumber: 215,
214352
+ lineNumber: 194,
214373
214353
  columnNumber: 37
214374
214354
  }, undefined)
214375
214355
  ]
214376
214356
  }, void 0, true, {
214377
214357
  fileName: "src/ChatPageContent.tsx",
214378
- lineNumber: 164,
214358
+ lineNumber: 143,
214379
214359
  columnNumber: 25
214380
214360
  }, undefined)
214381
214361
  ]
214382
214362
  }, void 0, true, {
214383
214363
  fileName: "src/ChatPageContent.tsx",
214384
- lineNumber: 145,
214364
+ lineNumber: 124,
214385
214365
  columnNumber: 21
214386
214366
  }, undefined)
214387
214367
  }, void 0, false, {
214388
214368
  fileName: "src/ChatPageContent.tsx",
214389
- lineNumber: 141,
214369
+ lineNumber: 120,
214390
214370
  columnNumber: 17
214391
214371
  }, undefined),
214392
214372
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214396,7 +214376,7 @@ isExpanded, recentConversation })=>{
214396
214376
  sendMessage: sendMessage
214397
214377
  }, void 0, false, {
214398
214378
  fileName: "src/ChatPageContent.tsx",
214399
- lineNumber: 273,
214379
+ lineNumber: 247,
214400
214380
  columnNumber: 25
214401
214381
  }, undefined) : /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
214402
214382
  className: "flex flex-col items-start gap-2.5 !bg-white z-10",
@@ -214415,37 +214395,37 @@ isExpanded, recentConversation })=>{
214415
214395
  children: "Your conversation has ended"
214416
214396
  }, void 0, false, {
214417
214397
  fileName: "src/ChatPageContent.tsx",
214418
- lineNumber: 297,
214398
+ lineNumber: 255,
214419
214399
  columnNumber: 49
214420
214400
  }, undefined)
214421
214401
  }, void 0, false, {
214422
214402
  fileName: "src/ChatPageContent.tsx",
214423
- lineNumber: 280,
214403
+ lineNumber: 254,
214424
214404
  columnNumber: 45
214425
214405
  }, undefined)
214426
214406
  }, void 0, false, {
214427
214407
  fileName: "src/ChatPageContent.tsx",
214428
- lineNumber: 279,
214408
+ lineNumber: 253,
214429
214409
  columnNumber: 41
214430
214410
  }, undefined)
214431
214411
  }, void 0, false, {
214432
214412
  fileName: "src/ChatPageContent.tsx",
214433
- lineNumber: 278,
214413
+ lineNumber: 252,
214434
214414
  columnNumber: 37
214435
214415
  }, undefined)
214436
214416
  }, void 0, false, {
214437
214417
  fileName: "src/ChatPageContent.tsx",
214438
- lineNumber: 277,
214418
+ lineNumber: 251,
214439
214419
  columnNumber: 33
214440
214420
  }, undefined)
214441
214421
  }, void 0, false, {
214442
214422
  fileName: "src/ChatPageContent.tsx",
214443
- lineNumber: 276,
214423
+ lineNumber: 250,
214444
214424
  columnNumber: 29
214445
214425
  }, undefined)
214446
214426
  }, void 0, false, {
214447
214427
  fileName: "src/ChatPageContent.tsx",
214448
- lineNumber: 275,
214428
+ lineNumber: 249,
214449
214429
  columnNumber: 25
214450
214430
  }, undefined),
214451
214431
  widget?.data?.custom_branding == false ? /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -214473,7 +214453,7 @@ isExpanded, recentConversation })=>{
214473
214453
  fill: "#1D293D"
214474
214454
  }, void 0, false, {
214475
214455
  fileName: "src/ChatPageContent.tsx",
214476
- lineNumber: 323,
214456
+ lineNumber: 281,
214477
214457
  columnNumber: 53
214478
214458
  }, undefined),
214479
214459
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("path", {
@@ -214481,13 +214461,13 @@ isExpanded, recentConversation })=>{
214481
214461
  fill: "#1D293D"
214482
214462
  }, void 0, false, {
214483
214463
  fileName: "src/ChatPageContent.tsx",
214484
- lineNumber: 327,
214464
+ lineNumber: 285,
214485
214465
  columnNumber: 53
214486
214466
  }, undefined)
214487
214467
  ]
214488
214468
  }, void 0, true, {
214489
214469
  fileName: "src/ChatPageContent.tsx",
214490
- lineNumber: 316,
214470
+ lineNumber: 274,
214491
214471
  columnNumber: 49
214492
214472
  }, undefined),
214493
214473
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("span", {
@@ -214495,140 +214475,55 @@ isExpanded, recentConversation })=>{
214495
214475
  children: "Powered by pagergpt"
214496
214476
  }, void 0, false, {
214497
214477
  fileName: "src/ChatPageContent.tsx",
214498
- lineNumber: 332,
214478
+ lineNumber: 290,
214499
214479
  columnNumber: 49
214500
214480
  }, undefined)
214501
214481
  ]
214502
214482
  }, void 0, true, {
214503
214483
  fileName: "src/ChatPageContent.tsx",
214504
- lineNumber: 315,
214484
+ lineNumber: 273,
214505
214485
  columnNumber: 45
214506
214486
  }, undefined)
214507
214487
  }, void 0, false, {
214508
214488
  fileName: "src/ChatPageContent.tsx",
214509
- lineNumber: 314,
214489
+ lineNumber: 272,
214510
214490
  columnNumber: 41
214511
214491
  }, undefined)
214512
214492
  }, void 0, false, {
214513
214493
  fileName: "src/ChatPageContent.tsx",
214514
- lineNumber: 313,
214494
+ lineNumber: 271,
214515
214495
  columnNumber: 37
214516
214496
  }, undefined)
214517
214497
  }, void 0, false, {
214518
214498
  fileName: "src/ChatPageContent.tsx",
214519
- lineNumber: 312,
214499
+ lineNumber: 270,
214520
214500
  columnNumber: 33
214521
214501
  }, undefined)
214522
214502
  }, void 0, false, {
214523
214503
  fileName: "src/ChatPageContent.tsx",
214524
- lineNumber: 311,
214504
+ lineNumber: 269,
214525
214505
  columnNumber: 29
214526
214506
  }, undefined)
214527
214507
  }, void 0, false, {
214528
214508
  fileName: "src/ChatPageContent.tsx",
214529
- lineNumber: 310,
214509
+ lineNumber: 268,
214530
214510
  columnNumber: 25
214531
214511
  }, undefined) : null
214532
214512
  ]
214533
214513
  }, void 0, true, {
214534
214514
  fileName: "src/ChatPageContent.tsx",
214535
- lineNumber: 268,
214515
+ lineNumber: 242,
214536
214516
  columnNumber: 17
214537
214517
  }, undefined)
214538
214518
  ]
214539
214519
  }, void 0, true, {
214540
214520
  fileName: "src/ChatPageContent.tsx",
214541
- lineNumber: 140,
214521
+ lineNumber: 119,
214542
214522
  columnNumber: 13
214543
214523
  }, undefined)
214544
214524
  ]
214545
214525
  }, void 0, true);
214546
- } // {messages.map((message, index) => (
214547
- // <React.Fragment key={message.id}>
214548
- // {message.sender === 'bot' ? (
214549
- // <div className="flex flex-col items-start gap-2.5 px-5 py-0 relative self-stretch w-full">
214550
- // <div className="items-start gap-1.5 self-stretch w-full flex flex-col relative">
214551
- // {index === 0 && (
214552
- // <div className="flex items-center gap-2.5 px-[26px] py-0 relative self-stretch w-full">
214553
- // <div className="relative w-fit mt-[-1.00px] font-medium text-xs text-[#020618]">
214554
- // Bot
214555
- // </div>
214556
- // </div>
214557
- // )}
214558
- // <div className="inline-flex items-start gap-1 relative">
214559
- // <div className="inline-flex items-center justify-center w-[22px] h-[22px] bg-[#4b2fff] rounded-full">
214560
- // <PiBotStroke className="relative w-3.5 h-3.5 bg-[100%_100%] text-white" />
214561
- // </div>
214562
- // <div className="inline-flex flex-col bg-zinc-100 items-start gap-2.5 px-3.5 py-2.5 relative rounded-lg">
214563
- // <div className="relative w-fit mt-[-1.00px] text-sm text-[#020618]">
214564
- // {message.content}
214565
- // </div>
214566
- // {/* {message.hasQuickReplies && (
214567
- // <div className="flex flex-col items-start gap-2.5 relative self-stretch w-full">
214568
- // {quickReplies.map(
214569
- // (reply) => (
214570
- // <button
214571
- // key={
214572
- // reply.id
214573
- // }
214574
- // className="flex cursor-pointer items-center justify-center gap-2 px-3.5 py-1.5 relative self-stretch w-full bg-white rounded-lg border border-gray-200 hover:border-[#4b2fff]"
214575
- // >
214576
- // <span className="relative w-fit mt-[-1.00px] font-medium text-sm text-[#314158]">
214577
- // {
214578
- // reply.text
214579
- // }
214580
- // </span>
214581
- // </button>
214582
- // )
214583
- // )}
214584
- // </div>
214585
- // )} */}
214586
- // </div>
214587
- // </div>
214588
- // {index === 0 && (
214589
- // <div className="flex w-[289px] items-start gap-1 relative">
214590
- // <div className="flex items-center gap-2.5 pl-[26px] pr-0 py-0 relative flex-1 grow">
214591
- // <div className="relative w-fit mt-[-1.00px] text-xs text-[#45556c]">
214592
- // {message.time}
214593
- // </div>
214594
- // </div>
214595
- // <div className="inline-flex items-center gap-1 relative">
214596
- // <button className="inline-flex cursor-pointer items-center justify-center p-1 bg-zinc-100 rounded-full hover:bg-zinc-200 h-6 w-6">
214597
- // <PiThumbReactionLikeStroke className="w-3.5 h-3.5" />
214598
- // </button>
214599
- // <button className="inline-flex cursor-pointer items-center justify-center p-1 bg-zinc-100 rounded-full hover:bg-zinc-200 h-6 w-6">
214600
- // <PiThumbReactionDislikeStroke className="w-3.5 h-3.5" />
214601
- // </button>
214602
- // <button className="inline-flex cursor-pointer items-center justify-center p-1 bg-zinc-100 rounded-full hover:bg-zinc-200 h-6 w-6">
214603
- // <PiUserSpeakingStroke className="w-3.5 h-3.5" />
214604
- // </button>
214605
- // </div>
214606
- // </div>
214607
- // )}
214608
- // </div>
214609
- // </div>
214610
- // ) : (
214611
- // <div className="flex flex-col items-end gap-2.5 px-5 py-0 relative self-stretch w-full">
214612
- // <div
214613
- // className={`${index === 1 ? '' : 'w-[300px]'} items-end gap-1 flex flex-col relative`}
214614
- // >
214615
- // <div className="flex items-start gap-1 relative self-stretch w-full">
214616
- // <div
214617
- // className={`${index === 1 ? 'inline-flex justify-end' : 'flex flex-1 grow'} bg-[#4b2fff] items-start gap-2.5 px-3.5 py-2.5 relative rounded-lg`}
214618
- // >
214619
- // <div
214620
- // className={`${index === 1 ? 'w-fit text-right whitespace-nowrap' : 'flex-1'} relative mt-[-1.00px] text-sm text-white`}
214621
- // >
214622
- // {message.content}
214623
- // </div>
214624
- // </div>
214625
- // </div>
214626
- // </div>
214627
- // </div>
214628
- // )}
214629
- // </React.Fragment>
214630
- // ))}
214631
- ;
214526
+ };
214632
214527
  _s(ChatPageContent, "InJ1blWnnfmSlP7KkdYCj3RwF1k=", false, function() {
214633
214528
  return [
214634
214529
  (0, _widgetConfigStore2.useWidgetData),
@@ -221911,7 +221806,7 @@ const CountryDropdown = ({ countries, value, onChange, disabled, error, placehol
221911
221806
  children: error
221912
221807
  }, void 0, false, {
221913
221808
  fileName: "src/CountryDropdown.tsx",
221914
- lineNumber: 151,
221809
+ lineNumber: 120,
221915
221810
  columnNumber: 23
221916
221811
  }, undefined)
221917
221812
  ]
@@ -227784,7 +227679,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
227784
227679
  const widget = (0, _widgetConfigStore2.useWidgetData)();
227785
227680
  const [isMenuOpen, setIsMenuOpen] = (0, _reactDefault.default).useState(false);
227786
227681
  const [showMenu, setShowMenu] = (0, _reactDefault.default).useState(false);
227787
- const ref = (0, _reactDefault.default).useRef(null);
227682
+ const dotMenuRef = (0, _reactDefault.default).useRef(null);
227788
227683
  const expandRef = (0, _reactDefault.default).useRef(null);
227789
227684
  const [expandPopupOpen, setExpandPopupOpen] = (0, _reactDefault.default).useState(false);
227790
227685
  const [showExpandPopUp, setShowExpandPopUp] = (0, _reactDefault.default).useState(false);
@@ -227914,26 +227809,33 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
227914
227809
  return item.selected ? item.icon : null;
227915
227810
  });
227916
227811
  (0, _react.useEffect)(()=>{
227812
+ if (!expandPopupOpen) return;
227917
227813
  function handleClick(event) {
227918
- if (ref.current && !ref.current.contains(event.target)) setIsMenuOpen(false);
227814
+ const target = event.target;
227815
+ if (expandRef.current && target instanceof Node && !expandRef.current.contains(target)) setExpandPopupOpen(false);
227919
227816
  }
227920
- if (isMenuOpen) document.addEventListener('mousedown', handleClick);
227817
+ if (expandPopupOpen) document.addEventListener('mousedown', handleClick);
227921
227818
  return ()=>{
227922
227819
  document.removeEventListener('mousedown', handleClick);
227923
227820
  };
227924
227821
  }, [
227925
- isMenuOpen
227822
+ expandPopupOpen
227926
227823
  ]);
227927
227824
  (0, _react.useEffect)(()=>{
227825
+ if (!isMenuOpen) return;
227928
227826
  function handleClick(event) {
227929
- if (expandRef.current && !expandRef.current.contains(event.target)) setExpandPopupOpen(false);
227827
+ const target = event.target;
227828
+ if (dotMenuRef.current && target instanceof Node && !dotMenuRef.current.contains(target)) {
227829
+ console.log('DEBUG:::: event.target', target);
227830
+ setIsMenuOpen(false);
227831
+ }
227930
227832
  }
227931
- if (expandPopupOpen) document.addEventListener('mousedown', handleClick);
227833
+ document.addEventListener('mousedown', handleClick);
227932
227834
  return ()=>{
227933
227835
  document.removeEventListener('mousedown', handleClick);
227934
227836
  };
227935
227837
  }, [
227936
- expandPopupOpen
227838
+ isMenuOpen
227937
227839
  ]);
227938
227840
  (0, _reactDefault.default).useEffect(()=>{
227939
227841
  if (isMenuOpen) setShowMenu(true);
@@ -227992,12 +227894,12 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
227992
227894
  className: "w-6 h-6 cursor-pointer"
227993
227895
  }, void 0, false, {
227994
227896
  fileName: "src/ChatPageHeader.tsx",
227995
- lineNumber: 235,
227897
+ lineNumber: 246,
227996
227898
  columnNumber: 21
227997
227899
  }, undefined)
227998
227900
  }, void 0, false, {
227999
227901
  fileName: "src/ChatPageHeader.tsx",
228000
- lineNumber: 231,
227902
+ lineNumber: 242,
228001
227903
  columnNumber: 17
228002
227904
  }, undefined),
228003
227905
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("img", {
@@ -228005,7 +227907,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228005
227907
  src: widget?.data?.logo_url
228006
227908
  }, void 0, false, {
228007
227909
  fileName: "src/ChatPageHeader.tsx",
228008
- lineNumber: 237,
227910
+ lineNumber: 248,
228009
227911
  columnNumber: 17
228010
227912
  }, undefined),
228011
227913
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("span", {
@@ -228017,31 +227919,33 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228017
227919
  children: widget?.data?.name
228018
227920
  }, void 0, false, {
228019
227921
  fileName: "src/ChatPageHeader.tsx",
228020
- lineNumber: 240,
227922
+ lineNumber: 251,
228021
227923
  columnNumber: 25
228022
227924
  }, undefined)
228023
227925
  }, void 0, false, {
228024
227926
  fileName: "src/ChatPageHeader.tsx",
228025
- lineNumber: 239,
227927
+ lineNumber: 250,
228026
227928
  columnNumber: 21
228027
227929
  }, undefined)
228028
227930
  }, void 0, false, {
228029
227931
  fileName: "src/ChatPageHeader.tsx",
228030
- lineNumber: 238,
227932
+ lineNumber: 249,
228031
227933
  columnNumber: 17
228032
227934
  }, undefined)
228033
227935
  ]
228034
227936
  }, void 0, true, {
228035
227937
  fileName: "src/ChatPageHeader.tsx",
228036
- lineNumber: 230,
227938
+ lineNumber: 241,
228037
227939
  columnNumber: 13
228038
227940
  }, undefined),
228039
227941
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
228040
227942
  className: "flex items-center gap-2 px-5 py-0 w-max justify-end",
227943
+ onClick: (e)=>e.stopPropagation(),
228041
227944
  children: [
228042
227945
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
228043
227946
  className: "relative",
228044
- ref: ref,
227947
+ ref: dotMenuRef,
227948
+ onMouseDown: (e)=>e.stopPropagation(),
228045
227949
  children: [
228046
227950
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("button", {
228047
227951
  className: "inline-flex items-center gap-2.5 p-1 cursor-pointer hover:bg-slate-100 rounded-lg overflow-hidden",
@@ -228052,17 +227956,17 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228052
227956
  className: "w-[16px] h-[16px]"
228053
227957
  }, void 0, false, {
228054
227958
  fileName: "src/ChatPageHeader.tsx",
228055
- lineNumber: 253,
227959
+ lineNumber: 271,
228056
227960
  columnNumber: 29
228057
227961
  }, undefined)
228058
227962
  }, void 0, false, {
228059
227963
  fileName: "src/ChatPageHeader.tsx",
228060
- lineNumber: 252,
227964
+ lineNumber: 270,
228061
227965
  columnNumber: 25
228062
227966
  }, undefined)
228063
227967
  }, void 0, false, {
228064
227968
  fileName: "src/ChatPageHeader.tsx",
228065
- lineNumber: 248,
227969
+ lineNumber: 266,
228066
227970
  columnNumber: 21
228067
227971
  }, undefined),
228068
227972
  showMenu && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("nav", {
@@ -228096,7 +228000,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228096
228000
  `
228097
228001
  }, void 0, false, {
228098
228002
  fileName: "src/ChatPageHeader.tsx",
228099
- lineNumber: 265,
228003
+ lineNumber: 289,
228100
228004
  columnNumber: 29
228101
228005
  }, undefined),
228102
228006
  menuItems.map((item)=>/*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("button", {
@@ -228109,7 +228013,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228109
228013
  children: item.icon
228110
228014
  }, void 0, false, {
228111
228015
  fileName: "src/ChatPageHeader.tsx",
228112
- lineNumber: 296,
228016
+ lineNumber: 320,
228113
228017
  columnNumber: 37
228114
228018
  }, undefined),
228115
228019
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -228123,45 +228027,46 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228123
228027
  children: item.label
228124
228028
  }, void 0, false, {
228125
228029
  fileName: "src/ChatPageHeader.tsx",
228126
- lineNumber: 302,
228030
+ lineNumber: 326,
228127
228031
  columnNumber: 49
228128
228032
  }, undefined)
228129
228033
  }, void 0, false, {
228130
228034
  fileName: "src/ChatPageHeader.tsx",
228131
- lineNumber: 301,
228035
+ lineNumber: 325,
228132
228036
  columnNumber: 45
228133
228037
  }, undefined)
228134
228038
  }, void 0, false, {
228135
228039
  fileName: "src/ChatPageHeader.tsx",
228136
- lineNumber: 300,
228040
+ lineNumber: 324,
228137
228041
  columnNumber: 41
228138
228042
  }, undefined)
228139
228043
  }, void 0, false, {
228140
228044
  fileName: "src/ChatPageHeader.tsx",
228141
- lineNumber: 299,
228045
+ lineNumber: 323,
228142
228046
  columnNumber: 37
228143
228047
  }, undefined)
228144
228048
  ]
228145
228049
  }, item.id, true, {
228146
228050
  fileName: "src/ChatPageHeader.tsx",
228147
- lineNumber: 290,
228051
+ lineNumber: 314,
228148
228052
  columnNumber: 33
228149
228053
  }, undefined))
228150
228054
  ]
228151
228055
  }, void 0, true, {
228152
228056
  fileName: "src/ChatPageHeader.tsx",
228153
- lineNumber: 257,
228057
+ lineNumber: 281,
228154
228058
  columnNumber: 25
228155
228059
  }, undefined)
228156
228060
  ]
228157
228061
  }, void 0, true, {
228158
228062
  fileName: "src/ChatPageHeader.tsx",
228159
- lineNumber: 247,
228063
+ lineNumber: 261,
228160
228064
  columnNumber: 17
228161
228065
  }, undefined),
228162
228066
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
228163
228067
  className: "relative",
228164
228068
  ref: expandRef,
228069
+ onMouseDown: (e)=>e.stopPropagation(),
228165
228070
  children: [
228166
228071
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("button", {
228167
228072
  className: "inline-flex items-center gap-2.5 p-1 cursor-pointer hover:bg-slate-100 rounded-lg overflow-hidden",
@@ -228171,12 +228076,12 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228171
228076
  children: selectedExpandItem ? selectedExpandItem.icon : null
228172
228077
  }, void 0, false, {
228173
228078
  fileName: "src/ChatPageHeader.tsx",
228174
- lineNumber: 318,
228079
+ lineNumber: 346,
228175
228080
  columnNumber: 25
228176
228081
  }, undefined)
228177
228082
  }, void 0, false, {
228178
228083
  fileName: "src/ChatPageHeader.tsx",
228179
- lineNumber: 314,
228084
+ lineNumber: 342,
228180
228085
  columnNumber: 21
228181
228086
  }, undefined),
228182
228087
  showExpandPopUp && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("nav", {
@@ -228210,7 +228115,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228210
228115
  `
228211
228116
  }, void 0, false, {
228212
228117
  fileName: "src/ChatPageHeader.tsx",
228213
- lineNumber: 333,
228118
+ lineNumber: 361,
228214
228119
  columnNumber: 29
228215
228120
  }, undefined),
228216
228121
  expandMenuItems.map((item)=>/*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("button", {
@@ -228226,7 +228131,7 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228226
228131
  children: item.icon
228227
228132
  }, void 0, false, {
228228
228133
  fileName: "src/ChatPageHeader.tsx",
228229
- lineNumber: 369,
228134
+ lineNumber: 397,
228230
228135
  columnNumber: 37
228231
228136
  }, undefined),
228232
228137
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -228240,40 +228145,40 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228240
228145
  children: item.label
228241
228146
  }, void 0, false, {
228242
228147
  fileName: "src/ChatPageHeader.tsx",
228243
- lineNumber: 375,
228148
+ lineNumber: 403,
228244
228149
  columnNumber: 49
228245
228150
  }, undefined)
228246
228151
  }, void 0, false, {
228247
228152
  fileName: "src/ChatPageHeader.tsx",
228248
- lineNumber: 374,
228153
+ lineNumber: 402,
228249
228154
  columnNumber: 45
228250
228155
  }, undefined)
228251
228156
  }, void 0, false, {
228252
228157
  fileName: "src/ChatPageHeader.tsx",
228253
- lineNumber: 373,
228158
+ lineNumber: 401,
228254
228159
  columnNumber: 41
228255
228160
  }, undefined)
228256
228161
  }, void 0, false, {
228257
228162
  fileName: "src/ChatPageHeader.tsx",
228258
- lineNumber: 372,
228163
+ lineNumber: 400,
228259
228164
  columnNumber: 37
228260
228165
  }, undefined)
228261
228166
  ]
228262
228167
  }, item.id, true, {
228263
228168
  fileName: "src/ChatPageHeader.tsx",
228264
- lineNumber: 358,
228169
+ lineNumber: 386,
228265
228170
  columnNumber: 33
228266
228171
  }, undefined))
228267
228172
  ]
228268
228173
  }, void 0, true, {
228269
228174
  fileName: "src/ChatPageHeader.tsx",
228270
- lineNumber: 325,
228175
+ lineNumber: 353,
228271
228176
  columnNumber: 25
228272
228177
  }, undefined)
228273
228178
  ]
228274
228179
  }, void 0, true, {
228275
228180
  fileName: "src/ChatPageHeader.tsx",
228276
- lineNumber: 313,
228181
+ lineNumber: 337,
228277
228182
  columnNumber: 17
228278
228183
  }, undefined),
228279
228184
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("button", {
@@ -228285,33 +228190,33 @@ const ChatPageHeader = ({ toggleWidget, isExpanded, restart, exit })=>{
228285
228190
  className: "w-[18px] h-[18px]"
228286
228191
  }, void 0, false, {
228287
228192
  fileName: "src/ChatPageHeader.tsx",
228288
- lineNumber: 391,
228193
+ lineNumber: 419,
228289
228194
  columnNumber: 25
228290
228195
  }, undefined)
228291
228196
  }, void 0, false, {
228292
228197
  fileName: "src/ChatPageHeader.tsx",
228293
- lineNumber: 390,
228198
+ lineNumber: 418,
228294
228199
  columnNumber: 21
228295
228200
  }, undefined)
228296
228201
  }, void 0, false, {
228297
228202
  fileName: "src/ChatPageHeader.tsx",
228298
- lineNumber: 386,
228203
+ lineNumber: 414,
228299
228204
  columnNumber: 17
228300
228205
  }, undefined)
228301
228206
  ]
228302
228207
  }, void 0, true, {
228303
228208
  fileName: "src/ChatPageHeader.tsx",
228304
- lineNumber: 246,
228209
+ lineNumber: 257,
228305
228210
  columnNumber: 13
228306
228211
  }, undefined)
228307
228212
  ]
228308
228213
  }, void 0, true, {
228309
228214
  fileName: "src/ChatPageHeader.tsx",
228310
- lineNumber: 226,
228215
+ lineNumber: 237,
228311
228216
  columnNumber: 9
228312
228217
  }, undefined);
228313
228218
  };
228314
- _s(ChatPageHeader, "9QrYnBKnl9CHw+klLncbB0bvGew=", false, function() {
228219
+ _s(ChatPageHeader, "KjvcQTDr+HmiD93G6sOxk+UeK58=", false, function() {
228315
228220
  return [
228316
228221
  (0, _widgetConfigStore2.useWidgetData)
228317
228222
  ];
@@ -231229,12 +231134,12 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231229
231134
  className: "w-3 h-3 transition-transform"
231230
231135
  }, void 0, false, {
231231
231136
  fileName: "src/WidgetToggleButton.tsx",
231232
- lineNumber: 239,
231137
+ lineNumber: 228,
231233
231138
  columnNumber: 33
231234
231139
  }, undefined)
231235
231140
  }, void 0, false, {
231236
231141
  fileName: "src/WidgetToggleButton.tsx",
231237
- lineNumber: 230,
231142
+ lineNumber: 219,
231238
231143
  columnNumber: 29
231239
231144
  }, undefined),
231240
231145
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)("div", {
@@ -231258,12 +231163,12 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231258
231163
  children: buttonText
231259
231164
  }, i, false, {
231260
231165
  fileName: "src/WidgetToggleButton.tsx",
231261
- lineNumber: 245,
231166
+ lineNumber: 234,
231262
231167
  columnNumber: 45
231263
231168
  }, undefined))
231264
231169
  }, void 0, false, {
231265
231170
  fileName: "src/WidgetToggleButton.tsx",
231266
- lineNumber: 241,
231171
+ lineNumber: 230,
231267
231172
  columnNumber: 29
231268
231173
  }, undefined)
231269
231174
  ]
@@ -231288,7 +231193,7 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231288
231193
  }
231289
231194
  }, void 0, false, {
231290
231195
  fileName: "src/WidgetToggleButton.tsx",
231291
- lineNumber: 311,
231196
+ lineNumber: 300,
231292
231197
  columnNumber: 29
231293
231198
  }, undefined),
231294
231199
  isToggleOpen === 'OPEN' && /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _jsxDevRuntime.Fragment), {
@@ -231301,7 +231206,7 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231301
231206
  }
231302
231207
  }, void 0, false, {
231303
231208
  fileName: "src/WidgetToggleButton.tsx",
231304
- lineNumber: 320,
231209
+ lineNumber: 309,
231305
231210
  columnNumber: 29
231306
231211
  }, undefined),
231307
231212
  /*#__PURE__*/ (0, _jsxDevRuntime.jsxDEV)((0, _pikaiconsReact.PiMultipleCrossCancelDefaultStroke), {
@@ -231311,7 +231216,7 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231311
231216
  className: "w-8 h-8 relative z-10 transition-all duration-300"
231312
231217
  }, void 0, false, {
231313
231218
  fileName: "src/WidgetToggleButton.tsx",
231314
- lineNumber: 330,
231219
+ lineNumber: 319,
231315
231220
  columnNumber: 29
231316
231221
  }, undefined)
231317
231222
  ]
@@ -231319,7 +231224,7 @@ const WidgetToggleButton = ({ setUserInitialMessage, widgetToggleState, toggleWi
231319
231224
  ]
231320
231225
  }, void 0, true, {
231321
231226
  fileName: "src/WidgetToggleButton.tsx",
231322
- lineNumber: 300,
231227
+ lineNumber: 289,
231323
231228
  columnNumber: 17
231324
231229
  }, undefined)
231325
231230
  ]