@animuz/embed 0.2.2-rc0 → 0.2.2-rc10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +80 -0
- package/dist/animuz-chat-widget.min.css +1 -1
- package/dist/iframe.html +48 -0
- package/package.json +14 -11
- package/dist/animuz-chat-widget.min.js +0 -37
package/README.md
CHANGED
|
@@ -1,5 +1,85 @@
|
|
|
1
1
|
# Animuz Embed
|
|
2
2
|
|
|
3
|
+
## Using iframe `postMessage` API
|
|
4
|
+
|
|
5
|
+
For static or initial data, use query parameters in the iframe
|
|
6
|
+
|
|
7
|
+
```html
|
|
8
|
+
<iframe
|
|
9
|
+
src="https://cdn.example.com/iframe.html?embedId=YOUR_ID&brandName=Acme"
|
|
10
|
+
></iframe>
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
The code inside the iframe can always read its own URL (including query parameters) using `window.location.search`
|
|
14
|
+
|
|
15
|
+
For dynamic or sensitive data (like the current exam question), use the
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
const iframe = document.getElementById("my-iframe");
|
|
19
|
+
iframe.contentWindow.postMessage(
|
|
20
|
+
{ examQuestion: "What is 2+2?" },
|
|
21
|
+
"https://iframe-domain.com" // target origin
|
|
22
|
+
);
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
The iframe will be able to access through event listeners
|
|
26
|
+
|
|
27
|
+
```js
|
|
28
|
+
window.addEventListener("message", (event) => {
|
|
29
|
+
// Optionally check event.origin for security
|
|
30
|
+
if (event.data.examQuestion) {
|
|
31
|
+
// Use the exam question in your widget
|
|
32
|
+
console.log("Exam question from parent:", event.data.examQuestion);
|
|
33
|
+
// Store it in your app state as needed
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
Note: `localStorage` is **not** shared between parent and iframe unless on the same origin, and even then, it's not a reliable way to pass dynamic, per-session data.
|
|
39
|
+
|
|
40
|
+
## 1. Intent Response API
|
|
41
|
+
|
|
42
|
+
Intent Response is to fix the response messages based on the intent "fixed string".
|
|
43
|
+
|
|
44
|
+
This is how intent response is used:
|
|
45
|
+
|
|
46
|
+
```ts
|
|
47
|
+
postMessage({
|
|
48
|
+
type: "intentResponse",
|
|
49
|
+
intent: "Question Submit",
|
|
50
|
+
response: [
|
|
51
|
+
{ role: "assistant", content: "Answer 1" },
|
|
52
|
+
{ role: "assistant", content: "Answer 2" },
|
|
53
|
+
],
|
|
54
|
+
});
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
Where each response is directly the assistant response.
|
|
58
|
+
|
|
59
|
+
TODO: currently there is no API to call and save the responses.
|
|
60
|
+
|
|
61
|
+
## 2. Prompt Injection
|
|
62
|
+
|
|
63
|
+
TODO: In progress
|
|
64
|
+
|
|
65
|
+
Prompt injection is to fix the context inside the prompt on the subsequent calls. The context will always be sent until it is cleared.
|
|
66
|
+
|
|
67
|
+
```ts
|
|
68
|
+
postMessage({
|
|
69
|
+
type: "promptInject",
|
|
70
|
+
context: "Context 12345",
|
|
71
|
+
});
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
Clearing the context can be done by just sending an empty string or null
|
|
75
|
+
|
|
76
|
+
```ts
|
|
77
|
+
postMessage({
|
|
78
|
+
type: "promptInject",
|
|
79
|
+
context: null,
|
|
80
|
+
});
|
|
81
|
+
```
|
|
82
|
+
|
|
3
83
|
# React + Vite
|
|
4
84
|
|
|
5
85
|
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-kk{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tw-ta{pointer-events:none}.tw-sa{pointer-events:auto}.tw-gl{position:static}.tw-kl{position:fixed}.tw-ui{position:absolute}.tw-jj{position:relative}.tw-hl{position:sticky}.tw-wj{top:0;right:0;bottom:0;left:0}.tw-rj{left:-16px}.tw-zi{bottom:0}.tw-nh{bottom:80px}.tw-oh{bottom:128px}.tw-kd{bottom:84px}.tw-xk{left:0}.tw-dj{left:50%}.tw-yk{left:8px}.tw-zh{left:100%}.tw-ck{right:0}.tw-dk{right:8px}.tw-ek{right:12px}.tw-fk{right:16px}.tw-gk{right:28px}.tw-hk{right:32px}.tw-bf{right:46px}.tw-ah{right:100%}.tw-tl{top:0}.tw-pk{top:50%}.tw-ul{top:8px}.tw-vl{top:16px}.tw-wl{top:24px}.tw-ih{top:64px}.tw-pj{top:100%}.tw-sn{z-index:10}.tw-tn{z-index:40}.tw-un{z-index:50}.tw-rk{z-index:99999}.tw-ao{margin:0}.tw-bo{margin:8px}.tw-sm{margin-left:16px;margin-right:16px}.tw-zj{margin-left:auto;margin-right:auto}.tw-tm{margin-top:4px;margin-bottom:4px}.tw-um{margin-top:8px;margin-bottom:8px}.tw-vm{margin-top:16px;margin-bottom:16px}.tw-ak{margin-top:auto;margin-bottom:auto}.tw-jl{margin-top:8px!important}.tw-dm{margin-bottom:0}.tw-em{margin-bottom:4px}.tw-fm{margin-bottom:8px}.tw-gm{margin-left:4px}.tw-hm{margin-left:16px}.tw-bi{margin-left:40px}.tw-ci{margin-left:54px}.tw-di{margin-left:60px}.tw-yj{margin-left:auto}.tw-im{margin-right:4px}.tw-jm{margin-right:8px}.tw-km{margin-right:16px}.tw-lm{margin-right:24px}.tw-fi{margin-right:44px}.anm-mr-\[50px\]{margin-right:50px}.tw-mm{margin-inline-start:8px}.tw-nm{margin-top:0}.tw-om{margin-top:4px}.tw-pm{margin-top:8px}.tw-qm{margin-top:16px}.tw-rm{margin-top:32px}.tw-sg{box-sizing:border-box}.tw-ke{box-sizing:content-box!important}.tw-we{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-ue{display:inline-block}.tw-yl{display:flex}.tw-uf{display:inline-flex}.tw-zl{display:grid}.tw-wk{display:none}.anm-size-12{width:48px;height:48px}.tw-jk{width:80px;height:80px}.tw-cl{width:20px;height:20px}.tw-dl{width:24px;height:24px}.tw-el{width:32px;height:32px}.tw-fl{width:36px;height:36px}.tw-am{height:44px}.tw-bm{height:48px}.tw-cm{height:56px}.tw-vn{height:8px}.tw-pl{height:10px}.tw-wn{height:16px}.tw-xn{height:20px}.tw-yn{height:24px}.tw-zn{height:32px}.tw-vg{height:100dvh}.tw-vh{height:116px}.tw-wh{height:120px}.tw-vj{height:1px}.tw-bj{height:35px}.anm-h-\[72px\]{height:72px}.tw-cj{height:76px}.tw-ql{height:-moz-fit-content;height:fit-content}.tw-vk{height:100%}.tw-xj{max-height:0}.tw-nd{max-height:100px}.tw-od{max-height:500px}.tw-pd{max-height:700px}.tw-qd{max-height:70dvh}.tw-gj{min-height:56px}.tw-ai{min-height:-moz-min-content;min-height:min-content}.tw-on{width:96px}.tw-pn{width:128px}.tw-io{width:16px}.tw-jo{width:20px}.tw-ko{width:24px}.tw-qn{width:240px}.tw-lo{width:28px}.tw-mo{width:32px}.tw-rn{width:320px}.tw-qk{width:90%}.tw-xl{width:-moz-fit-content;width:fit-content}.tw-il{width:100%}.tw-xd{min-width:110px}.tw-xe{min-width:75px}.tw-rd{max-width:100px}.tw-sd{max-width:110px}.tw-td{max-width:326px}.tw-ud{max-width:400px}.tw-vd{max-width:480px}.tw-wd{max-width:500px}.tw-ej{max-width:512px}.tw-fc{max-width:768px}.tw-fj{max-width:576px}.tw-uk{flex:1 1 0%}.tw-mj{flex-shrink:0}.tw-kg{flex-basis:100%}.tw-lb{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-qc{--tw-translate-y:-12px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-mb{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-je{--tw-translate-y:4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-qb{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-jf{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-lj{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-bh{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-ik{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-ki{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-si{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes anm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes anm-pop{0%{transform:scale(0)}to{transform:scale(1)}}.tw-b{animation:.5s anm-fadeIn,.5s anm-pop}@keyframes anm-pulse{50%{opacity:.5}}.tw-jd{animation:2s cubic-bezier(.4,0,.6,1) infinite anm-pulse}@keyframes anm-spin{to{transform:rotate(360deg)}}.tw-le{animation:1s linear infinite anm-spin}.tw-vc{cursor:pointer}.tw-bg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-yf{resize:none}.tw-kj{resize:vertical}.tw-yb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tw-ra{grid-template-columns:25% 75%}.tw-cc{grid-template-rows:0fr}.tw-dc{grid-template-rows:1fr}.tw-aj{flex-direction:column}.tw-rh{flex-wrap:wrap}.tw-rf{flex-wrap:nowrap}.tw-vf{align-items:flex-start}.tw-xh{align-items:flex-end}.tw-ve{align-items:center}.tw-md{justify-content:flex-start}.tw-wf{justify-content:flex-end}.tw-xc{justify-content:center}.tw-ec{justify-content:space-between}.tw-ll{gap:4px}.tw-ml{gap:8px}.tw-nl{gap:12px}.tw-ol{gap:16px}.tw-sj{-moz-column-gap:4px;column-gap:4px}.tw-se{-moz-column-gap:12px;column-gap:12px}.tw-tj{row-gap:4px}.tw-uj{row-gap:8px}.tw-ni>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.tw-oi>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.tw-pi>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.tw-cg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10px * var(--tw-space-y-reverse))}.tw-yd{overflow:auto}.tw-gc{overflow:hidden}.tw-hc{overflow-x:auto}.tw-ic{overflow-y:auto}.tw-cb{overflow-x:hidden}.tw-db{overflow-y:scroll}.tw-ae{scroll-behavior:smooth}.tw-ce{text-overflow:ellipsis}.tw-te{-webkit-hyphens:auto;hyphens:auto}.tw-gb{white-space:nowrap}.tw-ua{white-space:pre-line}.tw-jg{text-wrap:nowrap}.tw-qf{overflow-wrap:break-word}.tw-tg{word-break:keep-all}.tw-zf{border-radius:16px}.tw-ag{border-radius:24px}.tw-zc{border-radius:20px}.tw-cf{border-radius:9999px}.tw-ch{border-radius:8px}.tw-dh{border-radius:6px}.tw-df{border-radius:0}.tw-eh{border-radius:2px}.tw-fh{border-radius:12px}.tw-zd{border-top-left-radius:16px;border-top-right-radius:16px}.tw-jc{border-top-left-radius:0}.tw-kc{border-top-right-radius:0}.tw-tk{border-width:1px}.tw-wi{border-width:0}.tw-xi{border-width:2px}.tw-tc{border-width:1.5px}.tw-rg{border-left-width:0;border-right-width:0}.tw-yi{border-bottom-width:1px}.tw-ng{border-left-width:0}.tw-og{border-left-width:2px}.tw-pg{border-right-width:0}.tw-qg{border-top-width:0}.tw-ne{border-style:solid}.tw-pf{border-style:none}.tw-nb{--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity))}.tw-w{border-color:var(--bg-color)}.tw-aa{border-color:var(--user-bg)}.tw-zb{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.tw-ac{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.tw-uc{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.tw-bc{border-color:#ffffff1a}.tw-wa{border-color:#d4d4d880}.tw-me{--tw-bg-opacity:1;background-color:rgb(53 65 157 / var(--tw-bg-opacity))}.tw-pa{background-color:var(--asst-bg)}.tw-l{background-color:var(--bg-color-saturated)}.tw-qa{background-color:var(--user-bg)}.tw-lf{background-color:#0003}.tw-mf{background-color:#00000080}.tw-nf{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.tw-of{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.tw-lh{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.tw-lg{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.tw-mg{--tw-bg-opacity:1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.tw-mh{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.tw-rc{background-color:transparent}.tw-vi{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-sc{background-color:#d4d4d84d}.tw-qh{fill:none}.tw-x{stroke:var(--bg-color)}.tw-ff{stroke:#000}.tw-gf{stroke:#fff}.tw-nj{stroke-width:2}.tw-ef{stroke-width:5px}.tw-ze{-o-object-fit:cover;object-fit:cover}.tw-co{padding:0}.tw-do{padding:4px}.tw-eo{padding:8px}.tw-fo{padding:12px}.tw-go{padding:16px}.tw-ho{padding:20px}.tw-fn{padding-left:4px;padding-right:4px}.tw-sl{padding-left:56px;padding-right:56px}.tw-gn{padding-left:8px;padding-right:8px}.tw-hn{padding-left:12px;padding-right:12px}.tw-in{padding-left:16px;padding-right:16px}.tw-ji{padding-left:22px;padding-right:22px}.tw-ij{padding-left:2em;padding-right:2em}.tw-jn{padding-top:0;padding-bottom:0}.tw-kn{padding-top:4px;padding-bottom:4px}.tw-ln{padding-top:8px;padding-bottom:8px}.tw-mn{padding-top:12px;padding-bottom:12px}.tw-nn{padding-top:16px;padding-bottom:16px}.tw-wm{padding-bottom:4px}.tw-zk{padding-bottom:6px}.tw-xm{padding-bottom:8px}.tw-ym{padding-bottom:12px}.tw-zm{padding-bottom:16px}.tw-an{padding-bottom:32px}.tw-zg{padding-bottom:100px}.tw-ii{padding-bottom:30px}.tw-yc{padding-bottom:var(--pb)}.tw-rl{padding-left:56px}.tw-bn{padding-left:8px}.tw-cn{padding-left:16px}.tw-dn{padding-top:0}.tw-al{padding-top:2px}.tw-en{padding-top:20px}.tw-hj{padding-top:5px}.tw-ri{text-align:left}.tw-hg{text-align:center}.tw-wc{font-family:inherit}.tw-th{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tw-uh{font-family:plus-jakarta-sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tw-oj{font-size:24px;line-height:32px}.tw-dg{font-size:10px}.tw-eg{font-size:11px}.tw-fg{font-size:14px}.tw-gg{font-size:15px}.tw-qi{font-size:16px;line-height:24px}.tw-lk{font-size:18px;line-height:28px}.tw-mk{font-size:14px;line-height:20px}.tw-nk{font-size:20px;line-height:28px}.tw-ok{font-size:12px;line-height:16px}.tw-sh{font-weight:700}.tw-sf{font-weight:500}.tw-tf{font-weight:400}.tw-ld{font-weight:600}.tw-yh{line-height:20px}.tw-fd{letter-spacing:-.025em}.tw-ad{--tw-text-opacity:1;color:rgb(0 68 160 / var(--tw-text-opacity))}.tw-bd{--tw-text-opacity:1;color:rgb(122 125 126 / var(--tw-text-opacity))}.tw-cd{--tw-text-opacity:1;color:rgb(143 143 143 / var(--tw-text-opacity))}.tw-dd{--tw-text-opacity:1;color:rgb(255 61 61 / var(--tw-text-opacity))}.tw-ba{color:var(--asst-text)}.tw-ca{color:var(--btn-color)}.tw-y{color:var(--text-color)}.tw-da{color:var(--user-text)}.tw-gh{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-be{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity))}.tw-pb{--tw-text-opacity:1;color:rgb(210 213 219 / var(--tw-text-opacity))}.tw-ig{--tw-text-opacity:1;color:rgb(195 195 195 / var(--tw-text-opacity))}.tw-de{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.tw-ee{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.tw-fe{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.tw-ge{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.tw-he{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.tw-hf{color:inherit}.tw-if{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}.tw-ed{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity))}.tw-eb{color:#1e293b99}.tw-hh{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-ie{color:#ffffff80}.tw-ye{text-decoration-line:none}.tw-kf{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tw-gi{opacity:0}.tw-wg{opacity:.1}.tw-xf{opacity:1}.tw-xg{opacity:.6}.tw-yg{opacity:.7}.tw-bl{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-c{--tw-shadow:0 4px 40px 0 rgba(0,0,0,.15);--tw-shadow-colored:0 4px 40px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-a{--tw-shadow:0 4px 4px 0 rgba(0,0,0,.2),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 4px 0 var(--tw-shadow-color),0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-li{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-mi{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-af{outline:transparent solid 2px;outline-offset:2px}.tw-bk{outline-style:solid}.tw-hi{outline-width:1px}.tw-ob{outline-color:#e5e7eb}.tw-jh{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-r{transition-property:padding-bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-gd{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-fb{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-xa{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-la{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-ph{transition-delay:.3s}.tw-ug{transition-duration:0s}.tw-oe{transition-duration:.1s}.tw-pe{transition-duration:.2s}.tw-qe{transition-duration:.3s}.tw-re{transition-duration:.5s}#animuz-chat-widget{visibility:visible!important;opacity:1!important}span.tw-ua>h1,span.tw-ua>h2,span.tw-ua>h3,span.tw-ua>h4,span.tw-ua>h5,span.tw-ua>h6,span.tw-ua>p{margin:0;font-size:inherit!important;line-height:inherit!important;font-family:inherit;color:inherit}span.tw-ua>pre{white-space:pre-wrap}span.tw-ua a{color:#3dbef5;text-decoration:none;cursor:pointer;display:inline}span.tw-ua a:hover{color:#257293;text-decoration:underline}span.tw-ua img{width:100%}.anm-scroll-container::-webkit-scrollbar{width:10px}.anm-scroll-container::-webkit-scrollbar-track{background:0 0}.anm-scroll-container::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:16px}.anm-wrapper-container:hover .anm-scroll-container::-webkit-scrollbar-thumb{background:#d7d7d7}.anm-dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#000;color:#5fa4fa;box-shadow:9999px 0 #000;animation:1.5s linear .1s infinite dot-falling}.anm-dot-falling:after,.anm-dot-falling:before{content:"";display:inline-block;position:absolute;top:0}.anm-dot-falling:before{width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:1.5s linear infinite dot-falling-before}.anm-dot-falling:after{width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:1.5s linear .2s infinite dot-falling-after}@keyframes dot-falling{0%{box-shadow:9999px -15px #9880ff00}25%,50%,75%{box-shadow:9999px 0 #000}to{box-shadow:9999px 15px #9880ff00}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px #9880ff00}25%,50%,75%{box-shadow:9984px 0 #000}to{box-shadow:9984px 15px #9880ff00}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px #9880ff00}25%,50%,75%{box-shadow:10014px 0 #000}to{box-shadow:10014px 15px #9880ff00}}.tw-p::-moz-placeholder{color:#1e293b99}.tw-p::placeholder{color:#1e293b99}.tw-v::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122 / var(--tw-text-opacity))}.tw-v::placeholder{--tw-text-opacity:1;color:rgb(113 113 122 / var(--tw-text-opacity))}.tw-kb:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.tw-rb:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.tw-ub:hover{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-lc:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-mc:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-na:hover{cursor:pointer}.tw-u:hover{background-color:var(--bg-color)}.tw-hb:hover{background-color:#00000080}.tw-ib:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.tw-jb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.tw-t:hover{color:var(--user-bg)}.tw-va:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.tw-vb:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-nc:hover{text-decoration-line:underline}.tw-sb:hover{opacity:.8}.tw-tb:hover{opacity:.85}.tw-bb:focus{outline:transparent solid 2px;outline-offset:2px}.tw-xb:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-oa:active{outline:transparent solid 2px;outline-offset:2px}.tw-q:disabled{pointer-events:none}.tw-ab:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-s:disabled{cursor:not-allowed}.tw-ha:disabled{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.tw-ma:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.tw-ea:disabled{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.anm-group\/tooltip:hover .tw-z{display:flex}.anm-group\/button:hover .tw-o{opacity:.9}.anm-group\/greetings:hover .tw-i,.anm-group\/tooltip:hover .tw-k{opacity:1}.anm-group\/button:disabled .tw-e{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.anm-peer:focus~.tw-ia{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-ya[aria-expanded=true]{display:flex}.tw-za[aria-expanded=true]{padding-bottom:8px}.tw-m[data-fullscreen=true]{top:0;right:0;bottom:0;left:0}.tw-g[data-fullscreen=true]{height:100dvh}.tw-n[data-fullscreen=true]{width:100%}.tw-h[data-fullscreen=true]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-d[data-fullscreen=true]{border-radius:0}@media (max-width:1525px){.tw-j{pointer-events:none}.tw-fa{opacity:0}}@media not all and (min-width:640px){.tw-oc{flex-direction:column}}@media (min-width:640px){.tw-wb{bottom:80px}.tw-pc{left:unset}.tw-kh{right:16px}.tw-id{top:unset}.tw-qj{display:block}.tw-ti{display:none}.tw-ga{height:var(--w-height)}.tw-ka{width:var(--w-width)}.tw-ja{overscroll-behavior:contain}.tw-hd{border-radius:24px}}@media (min-width:768px){.tw-sk{display:flex}}.tw-f:hover>.anm-action-wrapper{display:flex}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-nl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tw-xa{pointer-events:none}.tw-wa{pointer-events:auto}.tw-km{position:static}.tw-qm{position:fixed}.tw-rj{position:absolute}.tw-hk{position:relative}.tw-lm{position:sticky}.tw-xk{top:0;right:0;bottom:0;left:0}.tw-rk{left:-16px}.tw-wj{bottom:0}.tw-ii{bottom:80px}.tw-ji{bottom:128px}.tw-wd{bottom:84px}.tw-bm{left:0}.tw-bk{left:50%}.tw-cm{left:8px}.tw-wi{left:100%}.tw-dl{right:0}.tw-el{right:8px}.tw-fl{right:12px}.tw-gl{right:16px}.tw-hl{right:28px}.tw-il{right:32px}.tw-tf{right:46px}.tw-uh{right:100%}.tw-zm{top:0}.tw-sl{top:50%}.tw-an{top:8px}.tw-bn{top:16px}.tw-cn{top:24px}.tw-ci{top:64px}.tw-nk{top:100%}.tw-zo{z-index:10}.tw-ap{z-index:40}.tw-bp{z-index:50}.tw-ul{z-index:99999}.tw-en{margin:0!important}.tw-hp{margin:0}.tw-ip{margin:8px}.tw-pm{margin-top:16px!important;margin-bottom:16px!important}.tw-ao{margin-left:16px;margin-right:16px}.tw-al{margin-left:auto;margin-right:auto}.tw-bo{margin-top:4px;margin-bottom:4px}.tw-co{margin-top:8px;margin-bottom:8px}.tw-bl{margin-top:auto;margin-bottom:auto}.tw-nm{margin-right:8px!important}.tw-om{margin-top:8px!important}.tw-mn{margin-bottom:0}.tw-nn{margin-bottom:4px}.tw-on{margin-bottom:8px}.tw-pn{margin-left:4px}.tw-qn{margin-left:16px}.tw-yi{margin-left:40px}.tw-zi{margin-left:54px}.tw-aj{margin-left:60px}.tw-zk{margin-left:auto}.tw-rn{margin-right:4px}.tw-sn{margin-right:8px}.tw-tn{margin-right:16px}.tw-un{margin-right:24px}.tw-bj{margin-right:44px}.tw-cj{margin-right:50px}.tw-vn{margin-inline-start:8px}.tw-wn{margin-top:4px}.tw-xn{margin-top:8px}.tw-yn{margin-top:16px}.tw-zn{margin-top:32px}.tw-mh{box-sizing:border-box}.tw-ye{box-sizing:content-box!important}.tw-mf{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-kf{display:inline-block}.tw-hn{display:flex}.tw-af{display:inline-flex!important}.tw-in{display:grid}.tw-am{display:none}.tw-qk{width:36px!important;height:36px!important}.tw-kl{width:48px;height:48px}.tw-ll{width:64px;height:64px}.tw-ml{width:80px;height:80px}.tw-gm{width:20px;height:20px}.tw-hm{width:24px;height:24px}.tw-im{width:32px;height:32px}.tw-jm{width:36px;height:36px}.tw-jn{height:44px}.tw-kn{height:48px}.tw-ln{height:56px}.tw-cp{height:8px}.tw-vm{height:10px}.tw-dp{height:16px}.tw-ep{height:20px}.tw-fp{height:24px}.tw-gp{height:32px}.tw-ph{height:100dvh}.tw-qi{height:100px}.tw-ri{height:116px}.tw-si{height:120px}.tw-wk{height:1px}.tw-ti{height:300px}.tw-yj{height:3rem}.tw-zj{height:72px}.tw-ak{height:76px}.tw-wm{height:-moz-fit-content;height:fit-content}.tw-zl{height:100%}.tw-yk{max-height:0}.tw-zd{max-height:100px}.tw-ae{max-height:500px}.tw-be{max-height:700px}.tw-ce{max-height:70dvh}.tw-ek{min-height:56px}.tw-of{min-height:36px}.tw-ie{min-height:400px}.tw-xi{min-height:-moz-min-content;min-height:min-content}.tw-vo{width:96px}.tw-wo{width:128px}.tw-pp{width:16px}.tw-qp{width:20px}.tw-rp{width:24px}.tw-xo{width:240px}.tw-sp{width:28px}.tw-tp{width:32px}.tw-yo{width:320px}.tw-qj{width:200px}.tw-tl{width:90%}.tw-ok{width:95vw}.tw-dn{width:-moz-fit-content;width:fit-content}.tw-mm{width:100%}.tw-je{min-width:100px}.tw-ke{min-width:110px}.tw-pf{min-width:36px}.tw-de{max-width:110px}.tw-nf{max-width:15ch}.tw-ee{max-width:326px}.tw-fe{max-width:400px}.tw-ge{max-width:480px}.tw-he{max-width:500px}.tw-ck{max-width:512px}.tw-mc{max-width:768px}.tw-dk{max-width:576px}.tw-xl{flex:1 1 0%}.tw-kk{flex-shrink:0}.tw-eh{flex-basis:100%}.tw-pb{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-xc{--tw-translate-y:-12px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-qb{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-xe{--tw-translate-y:4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-ub{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-bg{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-jk{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-vh{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-jl{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-hj{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-pj{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes anm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes anm-pop{0%{transform:scale(0)}to{transform:scale(1)}}.tw-b{animation:.5s anm-fadeIn,.5s anm-pop}@keyframes anm-pulse{50%{opacity:.5}}.tw-ud{animation:2s cubic-bezier(.4,0,.6,1) infinite anm-pulse}@keyframes anm-spin{to{transform:rotate(360deg)}}.tw-bf{animation:1s linear infinite anm-spin}.tw-bd{cursor:pointer}.tw-tg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-qg{resize:none}.tw-ik{resize:vertical}.tw-ec{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tw-va{grid-template-columns:25% 75%}.tw-jc{grid-template-rows:0fr}.tw-kc{grid-template-rows:1fr}.tw-xj{flex-direction:column}.tw-mi{flex-wrap:wrap}.tw-kg{flex-wrap:nowrap}.tw-ng{align-items:flex-start}.tw-ui{align-items:flex-end}.tw-sd{align-items:center!important}.tw-lf{align-items:center}.tw-yd{justify-content:flex-start}.tw-og{justify-content:flex-end}.tw-cc{justify-content:center!important}.tw-dd{justify-content:center}.tw-lc{justify-content:space-between}.tw-rm{gap:4px}.tw-yl{gap:40px}.tw-sm{gap:8px}.tw-tm{gap:12px}.tw-um{gap:16px}.tw-tk{-moz-column-gap:4px;column-gap:4px}.tw-if{-moz-column-gap:12px;column-gap:12px}.tw-uk{row-gap:4px}.tw-vk{row-gap:8px}.tw-kj>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.tw-lj>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.tw-mj>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.tw-vg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10px * var(--tw-space-y-reverse))}.tw-ug{align-self:center}.tw-le{overflow:auto}.tw-nc{overflow:hidden}.tw-oc{overflow-x:auto}.tw-pc{overflow-y:auto}.tw-gb{overflow-x:hidden}.tw-hb{overflow-y:scroll}.tw-oe{scroll-behavior:smooth}.tw-qe{text-overflow:ellipsis}.tw-jf{-webkit-hyphens:auto;hyphens:auto}.tw-kb{white-space:nowrap}.tw-ya{white-space:pre-line}.tw-dh{text-wrap:nowrap}.tw-jg{overflow-wrap:break-word}.tw-nh{word-break:keep-all}.tw-rg{border-radius:16px}.tw-sg{border-radius:24px}.tw-gd{border-radius:12px}.tw-hd{border-radius:16px}.tw-id{border-radius:20px}.tw-me{border-radius:8px}.tw-uf{border-radius:9999px}.tw-wh{border-radius:8px}.tw-xh{border-radius:6px}.tw-vf{border-radius:0}.tw-yh{border-radius:2px}.tw-zh{border-radius:12px}.tw-ne{border-top-left-radius:16px;border-top-right-radius:16px}.tw-qc{border-top-left-radius:0}.tw-rc{border-top-right-radius:0}.tw-wl{border-width:1px}.tw-tj{border-width:0}.tw-uj{border-width:2px}.tw-lh{border-left-width:0;border-right-width:0}.tw-vj{border-bottom-width:1px}.tw-hh{border-left-width:0}.tw-ih{border-left-width:2px}.tw-jh{border-right-width:0}.tw-kh{border-top-width:0}.tw-df{border-style:solid}.tw-ig{border-style:none}.tw-rb{--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity))}.tw-z{border-color:var(--bg-color)}.tw-da{border-color:var(--user-bg)}.tw-fc{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.tw-gc{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.tw-vd{--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity))}.tw-hc{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.tw-ad{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.tw-ic{border-color:#ffffff1a}.tw-ab{border-color:#d4d4d880}.tw-bc{background-color:transparent!important}.tw-cf{--tw-bg-opacity:1;background-color:rgb(53 65 157 / var(--tw-bg-opacity))}.tw-ta{background-color:var(--asst-bg)}.tw-n{background-color:var(--bg-color-saturated)}.tw-ua{background-color:var(--user-bg)}.tw-dg{background-color:#0003}.tw-eg{background-color:#00000080}.tw-fg{background-color:#000c}.tw-gg{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.tw-hg{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.tw-gi{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.tw-sk{--tw-bg-opacity:1;background-color:rgb(80 160 255 / var(--tw-bg-opacity))}.tw-fh{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.tw-gh{--tw-bg-opacity:1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.tw-hi{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.tw-yc{background-color:transparent}.tw-sj{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-zc{background-color:#d4d4d84d}.tw-li{fill:none}.tw-aa{stroke:var(--bg-color)}.tw-xf{stroke:#000}.tw-yf{stroke:#fff}.tw-lk{stroke-width:2}.tw-wf{stroke-width:5px}.tw-ed{-o-object-fit:contain;object-fit:contain}.tw-rf{-o-object-fit:cover;object-fit:cover}.tw-fn{padding:0!important}.tw-gn{padding:8px!important}.tw-jp{padding:0}.tw-kp{padding:4px}.tw-lp{padding:8px}.tw-mp{padding:12px}.tw-np{padding:16px}.tw-op{padding:20px}.tw-mo{padding-left:4px;padding-right:4px}.tw-ym{padding-left:56px;padding-right:56px}.tw-no{padding-left:8px;padding-right:8px}.tw-oo{padding-left:12px;padding-right:12px}.tw-po{padding-left:16px;padding-right:16px}.tw-gj{padding-left:22px;padding-right:22px}.tw-gk{padding-left:2em;padding-right:2em}.tw-qo{padding-top:0;padding-bottom:0}.tw-ro{padding-top:4px;padding-bottom:4px}.tw-so{padding-top:8px;padding-bottom:8px}.tw-to{padding-top:12px;padding-bottom:12px}.tw-uo{padding-top:16px;padding-bottom:16px}.tw-do{padding-bottom:4px}.tw-dm{padding-bottom:6px}.tw-eo{padding-bottom:8px}.tw-fo{padding-bottom:12px}.tw-go{padding-bottom:16px}.tw-ho{padding-bottom:32px}.tw-th{padding-bottom:100px}.tw-fj{padding-bottom:30px}.tw-fd{padding-bottom:var(--pb)}.tw-xm{padding-left:56px}.tw-io{padding-left:8px}.tw-jo{padding-left:16px}.tw-ko{padding-top:0}.tw-em{padding-top:2px}.tw-lo{padding-top:20px}.tw-fk{padding-top:5px}.tw-oj{text-align:left}.tw-bh{text-align:center}.tw-cd{font-family:inherit}.tw-oi{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tw-pi{font-family:plus-jakarta-sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.tw-mk{font-size:24px;line-height:32px}.tw-wg{font-size:10px}.tw-xg{font-size:11px}.tw-yg{font-size:12px}.tw-zg{font-size:14px}.tw-ah{font-size:15px}.tw-nj{font-size:16px;line-height:24px}.tw-ol{font-size:18px;line-height:28px}.tw-pl{font-size:14px;line-height:20px}.tw-ql{font-size:20px;line-height:28px}.tw-rl{font-size:12px;line-height:16px}.tw-ze{font-weight:500!important}.tw-ni{font-weight:700}.tw-lg{font-weight:500}.tw-mg{font-weight:400}.tw-xd{font-weight:600}.tw-vi{line-height:20px}.tw-od{letter-spacing:-.025em}.tw-td{color:inherit!important}.tw-jd{--tw-text-opacity:1;color:rgb(0 68 160 / var(--tw-text-opacity))}.tw-kd{--tw-text-opacity:1;color:rgb(122 125 126 / var(--tw-text-opacity))}.tw-ld{--tw-text-opacity:1;color:rgb(143 143 143 / var(--tw-text-opacity))}.tw-md{--tw-text-opacity:1;color:rgb(255 61 61 / var(--tw-text-opacity))}.tw-ea{color:var(--asst-text)}.tw-fa{color:var(--btn-color)}.tw-ba{color:var(--text-color)}.tw-ga{color:var(--user-text)}.tw-ai{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-pe{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity))}.tw-tb{--tw-text-opacity:1;color:rgb(210 213 219 / var(--tw-text-opacity))}.tw-ch{--tw-text-opacity:1;color:rgb(195 195 195 / var(--tw-text-opacity))}.tw-re{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.tw-se{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.tw-te{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.tw-ue{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.tw-ve{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.tw-zf{color:inherit}.tw-ag{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}.tw-nd{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity))}.tw-ib{color:#1e293b99}.tw-bi{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-we{color:#ffffff80}.tw-qf{text-decoration-line:none}.tw-cg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tw-dj{opacity:0}.tw-qh{opacity:.1}.tw-pg{opacity:1}.tw-rh{opacity:.6}.tw-sh{opacity:.7}.tw-fm{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-c{--tw-shadow:0 4px 40px 0 rgba(0,0,0,.15);--tw-shadow-colored:0 4px 40px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-a{--tw-shadow:0 4px 4px 0 rgba(0,0,0,.2),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 4px 0 var(--tw-shadow-color),0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-ij{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-jj{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-sf{outline:transparent solid 2px;outline-offset:2px}.tw-cl{outline-style:solid}.tw-ej{outline-width:1px}.tw-sb{outline-color:#e5e7eb}.tw-sa{--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-di{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-t{transition-property:padding-bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-pd{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-jb{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-bb{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-oa{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-ki{transition-delay:.3s}.tw-oh{transition-duration:0s}.tw-ef{transition-duration:.1s}.tw-ff{transition-duration:.2s}.tw-gf{transition-duration:.3s}.tw-hf{transition-duration:.5s}#animuz-chat-widget{visibility:visible!important;opacity:1!important}span.tw-ya>h1,span.tw-ya>h2,span.tw-ya>h3,span.tw-ya>h4,span.tw-ya>h5,span.tw-ya>h6,span.tw-ya>p{margin:0;font-size:inherit!important;line-height:inherit!important;font-family:inherit;color:inherit}span.tw-ya>pre{white-space:pre-wrap}span.tw-ya a{color:#3dbef5;text-decoration:none;cursor:pointer;display:inline}span.tw-ya a:hover{color:#257293;text-decoration:underline}span.tw-ya img{width:100%}.anm-scroll-container::-webkit-scrollbar{width:10px}.anm-scroll-container::-webkit-scrollbar-track{background:0 0}.anm-scroll-container::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:16px}.anm-wrapper-container:hover .anm-scroll-container::-webkit-scrollbar-thumb{background:#d7d7d7}.anm-dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#000;color:#5fa4fa;box-shadow:9999px 0 #000;animation:1.5s linear .1s infinite dot-falling}.anm-dot-falling:after,.anm-dot-falling:before{content:"";display:inline-block;position:absolute;top:0}.anm-dot-falling:before{width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:1.5s linear infinite dot-falling-before}.anm-dot-falling:after{width:10px;height:10px;border-radius:5px;background-color:#000;color:#000;animation:1.5s linear .2s infinite dot-falling-after}@keyframes dot-falling{0%{box-shadow:9999px -15px #9880ff00}25%,50%,75%{box-shadow:9999px 0 #000}to{box-shadow:9999px 15px #9880ff00}}@keyframes dot-falling-before{0%{box-shadow:9984px -15px #9880ff00}25%,50%,75%{box-shadow:9984px 0 #000}to{box-shadow:9984px 15px #9880ff00}}@keyframes dot-falling-after{0%{box-shadow:10014px -15px #9880ff00}25%,50%,75%{box-shadow:10014px 0 #000}to{box-shadow:10014px 15px #9880ff00}}.tw-r::-moz-placeholder{color:#1e293b99}.tw-r::placeholder{color:#1e293b99}.tw-y::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122 / var(--tw-text-opacity))}.tw-y::placeholder{--tw-text-opacity:1;color:rgb(113 113 122 / var(--tw-text-opacity))}.tw-ob:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.tw-vb:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.tw-yb:hover{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-sc:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-tc:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-qa:hover{cursor:pointer}.tw-x:hover{background-color:var(--bg-color)}.tw-lb:hover{background-color:#00000080}.tw-mb:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.tw-nb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.tw-w:hover{color:var(--user-bg)}.tw-za:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.tw-zb:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-uc:hover{text-decoration-line:underline}.tw-wb:hover{opacity:.8}.tw-xb:hover{opacity:.85}.tw-fb:focus{outline:transparent solid 2px;outline-offset:2px}.tw-dc:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-ra:active{outline:transparent solid 2px;outline-offset:2px}.tw-s:disabled{pointer-events:none}.tw-eb:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-v:disabled{cursor:not-allowed}.tw-ka:disabled{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.tw-pa:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.tw-ha:disabled{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.anm-group\/tooltip:hover .tw-ca{display:flex}.anm-group\/button:hover .tw-q{opacity:.9}.anm-group\/greetings:hover .tw-i,.anm-group\/tooltip:hover .tw-m{opacity:1}.anm-group\/button:disabled .tw-e{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.anm-peer:focus~.tw-la{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cb[aria-expanded=true]{display:flex}.tw-db[aria-expanded=true]{padding-bottom:8px}.tw-o[data-fullscreen=true]{top:0;right:0;bottom:0;left:0}.tw-u[data-isIframe=true]{display:none}.tw-g[data-fullscreen=true]{height:100dvh}.tw-p[data-fullscreen=true]{width:100%}.tw-h[data-fullscreen=true]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-d[data-fullscreen=true]{border-radius:0}.tw-j[data-isIframe=true]{border-radius:24px}.tw-k[data-isIframe=true]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:1525px){.tw-l{pointer-events:none}.tw-ia{opacity:0}}@media not all and (min-width:640px){.tw-vc{flex-direction:column}}@media (min-width:640px){.tw-ac{bottom:80px}.tw-wc{left:unset}.tw-fi{right:16px}.tw-rd{top:unset}.tw-pk{display:block}.tw-ei{display:none!important}.tw-ja{height:var(--w-height)}.tw-na{width:var(--w-width)}.tw-ma{overscroll-behavior:contain}.tw-qd{border-radius:24px}}@media (min-width:768px){.tw-vl{display:flex}}.tw-f:hover>.anm-action-wrapper{display:flex}
|
package/dist/iframe.html
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<title>Animuz Chat Widget</title>
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
8
|
+
</head>
|
|
9
|
+
|
|
10
|
+
<body style="margin:0;padding:0;overflow:hidden;">
|
|
11
|
+
<script>
|
|
12
|
+
// Parse query params and merge with defaults
|
|
13
|
+
function getQueryParams() {
|
|
14
|
+
const params = {};
|
|
15
|
+
window.location.search
|
|
16
|
+
.substring(1)
|
|
17
|
+
.split("&")
|
|
18
|
+
.forEach(pair => {
|
|
19
|
+
if (!pair) return;
|
|
20
|
+
const [key, value] = pair.split("=");
|
|
21
|
+
params[decodeURIComponent(key)] = decodeURIComponent(value || "");
|
|
22
|
+
});
|
|
23
|
+
return params;
|
|
24
|
+
}
|
|
25
|
+
const params = getQueryParams();
|
|
26
|
+
// Show error if embedId is not provided
|
|
27
|
+
if (!params.embedId) {
|
|
28
|
+
document.body.innerHTML = '<div style="color:red;font-family:sans-serif;padding:2em;text-align:center;">Error: <b>embedId</b> is required in the iframe URL query string.</div>';
|
|
29
|
+
} else {
|
|
30
|
+
// Optionally, parse query params for config
|
|
31
|
+
window.ANIMUZ_EMBED_CONFIG = {
|
|
32
|
+
openOnLoad: "on",
|
|
33
|
+
hideBubble: true,
|
|
34
|
+
...params
|
|
35
|
+
};
|
|
36
|
+
var script = document.createElement('script');
|
|
37
|
+
script.src = "animuz-chat-widget.min.js";
|
|
38
|
+
script.defer = true;
|
|
39
|
+
script.setAttribute('data-embed-id', params.embedId);
|
|
40
|
+
document.body.appendChild(script);
|
|
41
|
+
}
|
|
42
|
+
</script>
|
|
43
|
+
<!-- <script src="animuz-chat-widget.min.js"></script> -->
|
|
44
|
+
<!-- <script defer data-embed-id="5df3b2f0-89db-11ef-bb7d-937ad4098825" src="animuz-chat-widget.js"> -->
|
|
45
|
+
</script>
|
|
46
|
+
</body>
|
|
47
|
+
|
|
48
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@animuz/embed",
|
|
3
|
-
"version": "0.2.2-
|
|
3
|
+
"version": "0.2.2-rc10",
|
|
4
4
|
"description": "Embeddable chat widget for Rudi by Animuz",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/animuz-chat-widget.min.js",
|
|
7
7
|
"author": "Knight H.",
|
|
8
8
|
"files": [
|
|
9
9
|
"dist/animuz-chat-widget.min.js",
|
|
10
|
-
"dist/animuz-chat-widget.min.css"
|
|
10
|
+
"dist/animuz-chat-widget.min.css",
|
|
11
|
+
"dist/iframe.html"
|
|
11
12
|
],
|
|
13
|
+
"scripts": {
|
|
14
|
+
"prepare": "npx tw-patch extract && tw-patch install",
|
|
15
|
+
"dev": "nodemon -e js,jsx,css --watch src --exec \"pnpm dev:preview\"",
|
|
16
|
+
"dev:preview": "pnpm dev:build && pnpm serve . -p 3080 --no-clipboard",
|
|
17
|
+
"dev:build": "vite build && pnpm styles",
|
|
18
|
+
"styles": "npx cleancss -O2 -o dist/animuz-chat-widget.min.css dist/style.css",
|
|
19
|
+
"build": "vite build && pnpm styles && npx terser --compress -o dist/animuz-chat-widget.min.js -- dist/animuz-chat-widget.js",
|
|
20
|
+
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
|
21
|
+
"preview": "vite preview"
|
|
22
|
+
},
|
|
12
23
|
"dependencies": {
|
|
13
24
|
"@phosphor-icons/react": "^2.1.7",
|
|
14
25
|
"dompurify": "^3.1.6",
|
|
@@ -16,6 +27,7 @@
|
|
|
16
27
|
"markdown-it": "^14.1.0",
|
|
17
28
|
"react": "^18.3.1",
|
|
18
29
|
"react-dom": "^18.3.1",
|
|
30
|
+
"react-helmet": "^6.1.0",
|
|
19
31
|
"sse.js": "^2.5.0",
|
|
20
32
|
"uuid": "^10.0.0"
|
|
21
33
|
},
|
|
@@ -41,14 +53,5 @@
|
|
|
41
53
|
"unplugin-tailwindcss-mangle": "^4.0.2",
|
|
42
54
|
"vite": "^5.3.1",
|
|
43
55
|
"vite-plugin-svgr": "^4.2.0"
|
|
44
|
-
},
|
|
45
|
-
"scripts": {
|
|
46
|
-
"dev": "nodemon -e js,jsx,css --watch src --exec \"pnpm dev:preview\"",
|
|
47
|
-
"dev:preview": "pnpm dev:build && pnpm serve . -p 3080 --no-clipboard",
|
|
48
|
-
"dev:build": "vite build && pnpm styles",
|
|
49
|
-
"styles": "npx cleancss -O2 -o dist/animuz-chat-widget.min.css dist/style.css",
|
|
50
|
-
"build": "vite build && pnpm styles && npx terser --compress -o dist/animuz-chat-widget.min.js -- dist/animuz-chat-widget.js",
|
|
51
|
-
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
|
52
|
-
"preview": "vite preview"
|
|
53
56
|
}
|
|
54
57
|
}
|